Looks right in Firefox.... not quite in IE.....

windows

Guest
Hey everyone. :)

I'm currently working on a site for someone. Here is what I have so far: <!-- m --><a class="postlink" href="http://www.geocities.com/insanefishposse/asu/asu-home.html">http://www.geocities.com/insanefishposs ... -home.html</a><!-- m --> . Both the CSS and HTML Validate, and it displays well with Firefox. However, when looked at with IE, it doesn't quite look as good. There's a white space between the top div and the main div, and the navigation slightly overlaps into that white area.

Anyone have any ideas on how to fix it so it displays nearly as well with Internet Explorer? (Any other comments/suggestions on the site are welcome too)the white space between the top div and the main div is the background of the div called container. change its background color to the same blue as the rest of the site and itll disappear.

the navigation slightly overlaps into that white area because IE and firefox read px measurements differently. change #side's margin-top to 25px, which will bring the menu down a bit more.

the site will still look different in each browser (because they are different browsers) but itll look more to how you want it to.and now a bit of a review...

your server has put some code at the top and bottom of your code. delete it.

you could put your css in an external .css file which means the layout info will only have to be Download ed once into the cache and then used to display every page rather than having to Download it with every page.

for consistency you could make the title text the same color as the rest of the text.

the menu rollovers dont work in IE so you might want to think about using a different method.

bearing in mind the simplicity of the site you could go pure and use the strict doctype.

other than that the site looks really good.Originally posted by rapid
the white space between the top div and the main div is the background of the div called container. change its background color to the same blue as the rest of the site and itll disappear.


Doh! I don't know why I didn't see that. Thanks a lot.


your server has put some code at the top and bottom of your code. delete it.

you could put your css in an external .css file which means the layout info will only have to be Download ed once into the cache and then used to display every page rather than having to Download it with every page.

for consistency you could make the title text the same color as the rest of the text.

the menu rollovers dont work in IE so you might want to think about using a different method.

bearing in mind the simplicity of the site you could go pure and use the strict doctype.

other than that the site looks really good.

The code at the top and bottom is due to Geocities. I'm making this site for a friend, and I believe he's planning on getting an actual domain, so the geocities-server created code wont be a problem.

I know about the CSS in the external file and the navigation not working in IE, just haven't gotten around to it yet.

I'll look into the strict doctype.

Thanks a lot. :)
 
Back
Top