[x]
Posted via EE Mobile

Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again.

Question
[x]
Attachment Details
[x]
The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

  • The Grade of the Solution
  • The Zone Rank of the Expert Providing the Solution
  • The Number of Author and Expert Comments
  • The Number of Experts Contributing
  • The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!

6.4

Help with a CSS layout that fails on Mozilla but works on IE. I believe it is a "floating" block bug.

Asked by rhawk in Cascading Style Sheets (CSS)

Tags: CSS, Border, float, bug, ie, mozilla

I am starting to really hate CSS. Every time I get a layout just right in IE, it breaks the Mozilla look. When I get the Mozilla just right it broke the IE! GRRRR. Makes you wish that W3C would make a standard CSS display engine that ALL browsers would use. Oh well.

I donate a lot to animal shelters and do development for a lot of them for free. One of the shelters is getting a complete website makeover and I wanted to do the site using no tables and have the pages CSS driven. How hard could it be (wink)? After all I am in the middle of doing the same to my personal website and though I have run into some issues, I have managed to get past them. Not so on this site. I believe I am bashing my head into the floating block element in another quirk now. I am so close I can taste it. I did the preliminary layout with divs and  after the work on my personal site went so well with a mix of divs and lists to make columns, I decided to rework the shelter page to follow what I did. It looks perfect in IE7, but now the outer div border will NOT surround the list in Mozilla 2. Yes I know Mozilla 3 is out, but something on my machine will NOT allow it to work. I long ago found that my work and notebook can install Mozilla 3 but it wont run at all. So I use Mozilla 2 for most of my testing. I do not want this to turn into a lets get you on Mozilla 3 thread, I simply need help adjusting the CSS and/or HTML to get the look in IE7 and Mozilla 2 the same, please.

I want to get the border that surrounds the page (except the footer lines at the bottom) to be seen on the Mozilla browser AND IE7. I would like to do it with a minimal amount of HTML changes (mostly CSS) since the page is actually build on the fly in classic ASP. Any help you can offer is greatly appreciated.

The attached ZIP file contains everything needed to see the 2 HTML pages. The page I want to get working is named defaultnew.htm. It uses the sap2.css file. Also in the archive is a page named defaultworksmozilla.htm. This page is the original page I made using divs and not using the lists. It DOES display right (enough) in Mozilla AND IE7, though I am at a loss on why this page/css combo works and not the one I really want to use. The working page uses the sap.css style sheet. I included it so you get an idea of how it should look in Mozilla.

If you get me past this hump, or give me other help along the way, I am happy to list/thank you in a meta tag on the completed site as well. After all this is for a good cause and the shelter badly needs a new website and your help will hopefully get me moving again. (the original website is one I made for them back about 1999 or 2000 and it is really time for this revamp. If curious the current original site is at www.save-a-pet-il.org)

Thank you for your time and help.

Sincerely,

David

Cats nap. Only humans put them To Sleep. Sterilize, Dont Euthanize!

PS. Seems the zip file cannot contain .htm and .css extensions. Fine, I renamed them to .txt. Just rename the 4 files back to .htm and .css to properly load the files in a browser.
Someone want to tell me why you cannot put a CSS file in the archinve when the section I am in is FOR CS help?
Attachments:
 
Zip file with all the files needed to see the pages. As my questions states, please rename 4 of the files to an HTM and CSS extension.
 
 
Related Solutions
Keywords: Help with a CSS layout that fails on Mo…
 
Loading Advertisement...
 
[+][-]03/24/09 10:18 AM, ID: 23970795Accepted Solution

View this solution now by starting your 30-day free trial. Setting up your free trial is quick, easy, and secure. We will return you to this solution, unlocked, when you're done.

About this solution

Zone: Cascading Style Sheets (CSS)
Tags: CSS, Border, float, bug, ie, mozilla
Sign Up Now!
Solution Provided By: rhawk
Participating Experts: 0
Solution Grade: A
 
 
Loading Advertisement...
20091111-EE-VQP-89 - Hierarchy / EE_QW_3_20080625