SitePoint Sponsor |
|
User Tag List
Results 1 to 2 of 2
-
Nov 18, 2007, 05:35 #1
- Join Date
- Nov 2007
- Posts
- 2
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
page layout dont show correctly in IE browsers
Hi All
I hope one of you can help me with a little problem i have. My problem is that my page shows with a little gap between the #header and the #navigation in IE. In opera and firefox the page shows correctly. I have a example of my css code below and have attached a screendump from the IE,opera and firefox browser.Hope somebody can help me.
* { padding: 0; margin: 0; }body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: center;}#wrapper { margin: 0 auto; width: 666px; <strong>text-align: left;</strong>}#header { width: 666px; color: #333; border: 0px solid #ccc; height: 90px; background-color: E9DFB9; background-repeat: no-repeat; background-position: center; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: url(beachinterface5.jpg);}#navigation { width: 666px; color: #333; padding: 0px; border: 0px solid #ccc; height: 150px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-color: #ffffff;}#content { width: 666px; color: #333; border: 0px solid #ccc; padding: 0px; height: 36px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-color: #ffffff;}#footer { width: 666px; color: #333; border: 0px solid #ccc; padding: 0px; height: 700px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-color: #ffffff; background-image: url(beachinterface2.jpg); background-repeat: no-repeat;}
-
Nov 18, 2007, 07:35 #2
- Join Date
- Jan 2003
- Location
- Hampshire UK
- Posts
- 40,556
- Mentioned
- 183 Post(s)
- Tagged
- 6 Thread(s)
Hi,
I can't really tell without seeing the page and html etc. Those attachments were too small for me to see anything either.
If you have an image in your header then try setting the image to display:block. (#header img {display:block})
What's this code supposed to be.
Code:#wrapper { margin: 0 auto; width: 666px; <strong>text-align: left;</strong>}
Bookmarks