Need help,problem with padding
Have some sites that were not done by me, have the problem that in IE7&Firefox, everything is fine.Played with PADDING-TOP and make to look fine in IE6 but then it's ****ed up in IE7&Firefox.
I'm new in this stuff and maybe someone more experienced can look and make me some suggestions.
Page is www.buyanadrol.com
CSS Style www.buyanadrol.com/style/style.css
first, if you're going to use an XHTML doctype, you need to close ALL tags. This includes Meta tags. For example:
<meta name="author" content="buyanadrol.com" />
You also need to close all image tags:
<img src="images/banner1.gif" border="0" />
also, for every img tag, you need an ALT tag:
<img src="images/banner1.gif" border="0" alt="BuyAnadrol Logo" />
when you're done fixing this, recheck your site for html errors.
you also have no closing HEAD tag:
oh, and in your CSS, you can simplify:
if you have 10px top padding and nothing else, you can do:
padding:10px 0 0 0;
it goes like this:
padding: top right bottom left;
the same goes for the margin tag.
I only say this because the smaller your CSS file, the quicker the download time. This can help save time and file size in the future.
Last edited by WebJoel; 12-11-2007 at 08:58 AM.
Reason: sp :)
I assume you have implemented dtm32236's suggestions already - the only difference I see in IE6 now is the extra left margin on the left column, due to triggering IE6's doubled float margin bug. Add display:inline; to the #leftcontent div to overcome that.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)