dcsimg
www.webdeveloper.com
Results 1 to 4 of 4

Thread: Need help,problem with padding

  1. #1
    Join Date
    Dec 2007
    Posts
    1

    Need help,problem with padding

    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.

  2. #2
    Join Date
    Aug 2007
    Location
    New Jersey, US
    Posts
    1,779
    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>

  3. #3
    Join Date
    Aug 2007
    Location
    New Jersey, US
    Posts
    1,779
    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.
    Last edited by WebJoel; 12-11-2007 at 08:58 AM. Reason: sp :)

  4. #4
    Join Date
    Mar 2006
    Location
    Newcastle NSW Australia
    Posts
    4,033
    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 Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles