I am working on a website divided into your basic format with divs. In firefox it looks exactly how I planned and wanted with IE this is not the case. Its almost like the navigation div is a block element and it is taking up the entire width. I don't know what to do from here. The website is w6bxn.org and if it is necessary I will post the code here.

Recommended Answers

All 6 Replies

i can see that your menu looks good in IE 6 and above except there is a border around the nav image, to get rid of it you can add this into your css file

#nav img {border: none;)

Excellent, thank you. Now then, how can I get the content to the top of the page?

Try to validate your HTML/CSS coding from now on. (Check internet for VALIDATORS; i.e. OPERA has a built in right-mouse-click VALIDATE option!!!).

Minor issues, don't use "slash greater" "/ >" as delimeter. Use ">" only as you are not coding XHTML. Also add alt='' into your area statements.
This will avoid some browser confusion.

Apparently you have solved the border problem. Now I don't understand your question:
... how can I get the content to the top of the page ???

Best regards,

Not all browsers support every CSS statement:

I am not 100% sure but there is possibly a -moz-box-shadow in your CSS file.
IE Internet Explorer has no chance to handle -mozzies correctly. It's for Firefox and a few others only.

Again, VALIDATION of your coding during an early stage of development will reveal those limitations.

these standard test beds may assist you

http://analyze.websiteoptimization.com/authenticate.php?url=http://www.yoursite.com&/ Speed

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.yoursite.com&charset=%28detect+automatically%29&doctype=Inline&group=0 html check

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.yoursite.com&profile=css21&usermedium=all&warning=1&lang=en CSS2 check http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.yoursite.com&profile=css3&usermedium=all&warning=1&lang=en CSS3 check

http://demo.opera-mini.net/demo.html?www.yoursite.com handheld

http://www.browsershots.org other browsers
many problems (if present) will show
serious code errors in the w3c validator sites will produce blankscreens in browsershots

Valid code does not ensure the site will work ...
Invalid code ensures the site will not work ...
.. in all browser OS combinations

not all layouts work in handheld devices
strictly code based, you understand your content more than I would

That was the problem. Once I got all of the pages to validate it worked quite well. Thanks for all of your help!

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.