| SitePoint Sponsor |
Hi all --
Just a quick one -
Any ideas why the border
(on the boxes left & right side - categories ect)
moves up a little in IE?
Its here: http://bluecrushdesign.co.za/dubai/
Stylesheet here: http://bluecrushdesign.co.za/dubai/stylesheet.css
Ive played with height ect.. not helping!
Thanks!
Dee
"have the courage to follow your heart and intuition. They somehow already know what you truly want to become"
Hi,
The problem is that you aren't using a full doctype and therefore ie6 is running in quirks mode and is therefore using the broken box model. See the faq on the broken box model for full details.
You should use a full doctype (with uri) and run ie6 in standards mode and then it will use the same box model as other browsers. If you stay in quirks mode then you will have to supply hacks th ie6 and under to accomodate the fact that padding and borders are inside the stated width and not added to it.
The full doctype for transitional is as follows.
Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> </head> <body> </body> </html>
www.pmob.co.uk CSS FAQ 3 col demo Read My CSS Articles
Ultimate CSS Reference
Check out SitePoint's latest JavaScript challenge
Posting Permissions
Bookmarks