Need help,problem with padding

**LordZ** · 12-10-2007 01:48 PM

Hello.
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
Best regards.

**dtm32236** · 12-10-2007 03:08 PM

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:

<html>
<head>
<title>BuyAnadrol</title>
</head>
<body>
...
</body>
</html>

**dtm32236** · 12-10-2007 03:11 PM

oh, and in your CSS, you can simplify:

PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;

with just:

padding:0;

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.

**Centauri** · 12-10-2007 07:16 PM

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.

Thread: Need help,problem with padding

Thread Tools

Display

Need help,problem with padding

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions