Browsers and CSS viewing.
Discussion
I'm currently re-designing my website in CSS and my main browser is Firefox (because I use tabs a lot - makes browsing easier). Problem is, when viewing my site in either firefox or netscape, the layout of the page is completely ballsed up, it's only when I view it in IE that it seems to work ok. And the problem with that is that I hate using IE because it has a load of spy/adware from somewhere which I cannot seem to get rid of.
Anyone got any ideas on how I can sort this?
Cheers,
Graham
Anyone got any ideas on how I can sort this?
Cheers,
Graham
The guy who's teaching me CSS (I've only just started) said it was perculiar that it wasn't working.
The test page (no content or working links) is at http://homepage.ntlworld.com/c.hale3/gby/
The test page (no content or working links) is at http://homepage.ntlworld.com/c.hale3/gby/
First advice from me is to create html that conforms to a specific DTD - google for html dtd and you should find one. IMHO the one that makes most sense is to use the html 4.01 strict one, that would be the latest usable definition - xhtml (which technically replaces html 4) has various very technical issues preventing it being really useful at the moment.
Next, validate both css and html. http://validator.w3.org
Lastly, consider the respective roles of html and css in the final rendering process of the browser viewing it.
Oh, and forget Netscape 4 and IE before 5.5 as they're likely to have you pulling your hair out due to incomplete and inconsistent css handling. If the html is reasonable, they'll look bland but hopefully not shite.
HTH
Ciao
Zak
Next, validate both css and html. http://validator.w3.org
Lastly, consider the respective roles of html and css in the final rendering process of the browser viewing it.
Oh, and forget Netscape 4 and IE before 5.5 as they're likely to have you pulling your hair out due to incomplete and inconsistent css handling. If the html is reasonable, they'll look bland but hopefully not shite.
HTH
Ciao
Zak
Your problem is in your #content definition - specifically the "padding: 10px" bit.
Firefox renders this in addition to the 700 pixel width, whereas IE renders it inside the 700 pixel width. Hence the problem.
Removing the padding makes it render correctly in both, but doesn't look as good...
Firefox renders this in addition to the 700 pixel width, whereas IE renders it inside the 700 pixel width. Hence the problem.
Removing the padding makes it render correctly in both, but doesn't look as good...
I'll see what I can come up with, thanks for the help 
Gassing Station | Computers, Gadgets & Stuff | Top of Page | What's New | My Stuff