Reply
IE6 1px Padding Error
Old 05-20-2008, 01:30 AM IE6 1px Padding Error
Experienced Talker

Posts: 36
I'm coding a design (duh) and trying to figure out why there is a 1px padding appearing between my #header and #wrapper's 1px border on the right side in IE6.

I've only coded the header really and don't have it online right now so I'll post the code for you to view. (Images are not important in this..)

CSS
HTML Code:
@charset "utf-8";
/* CSS Document */

*                                        { margin: 0; padding: 0; }
html                                    { height: 100%; } 
body                                     { height: 100%; font-family: Verdana, Arial, Tahoma, Sans-Serif; font-size: 11px; color: #fff; margin: 0; padding: 0; background: #282828;  }
img                                     { border: none; }
.clear                                     { clear: both; }
#wrapper                                { width: 766px; height: 100%; margin: 0 auto; border: 1px solid #1C1C1C;  }
#header                                    { width: 766px; height: 108px; margin: 0; padding: 0; float: left; background: #191919; }
#header h1 a                            { width: 262px; height: 108px; background: url("img/logo.gif") no-repeat; display: block; float: left; }
#header .navigation                        { width: 494px; height: 20px; background: url("img/nav-bg.gif") repeat-x; padding: 3px 0 0 10px; color: #444444; float:left; }
#header .navigation li                    { float: left; list-style: none; margin: 0 3px 0 0; }
#header .navigation li a,
#header .navigation li a:visited,
#header .navigation li a:active            { color: #979797; text-decoration: none; }
#header .navigation li a:hover            { color: #444444; border-bottom: #979797 1px dashed; }
#header .adBox                            { width: 504px; padding: 0; margin: 0; height: 85px; background: #191919; text-align: center; float: left; }
#header .adCenter                        { width: 468px; margin: 5px auto; overflow: hidden; }
HTML
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
        <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
    </head>
    <body>
        <div id="wrapper">
            <div id="header">
                <h1><a href="#" title="#"></a></h1>
                <ul class="navigation">
                    <li><a href="#" title="#">link 1</a> | </li>
                    <li><a href="#" title="#">link 2</a></li>
                </ul>
                <div class="adBox">  
                    <div class="adCenter"> 
                        Place Ad Here
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
        </div>
    </body>
</html>
Thanks for your time & support!
__________________

Phaaze is offline
Reply With Quote
View Public Profile
 
When You Register, These Ads Go Away!
     
Old 05-20-2008, 09:59 AM Re: IE6 1px Padding Error
LadynRed's Avatar
Super Moderator

Posts: 6,065
Location: Tennessee
I'm afraid I'm not seeing any odd 1px spaces in IE6, it all looks perfectly snug to me.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-20-2008, 10:46 AM Re: IE6 1px Padding Error
rezzy's Avatar
Skilled Talker

Posts: 79
Location: in the interwebz
Quote:
Originally Posted by LadynRed View Post
I'm afraid I'm not seeing any odd 1px spaces in IE6, it all looks perfectly snug to me.
could you show us a demo of it? can you host it anywhere?
__________________
Resnodesigns
Web Design | PHP Scripts
rezzy is offline
Reply With Quote
View Public Profile
 
Old 05-20-2008, 02:36 PM Re: IE6 1px Padding Error
Experienced Talker

Posts: 36



I don't have a place to upload it right now but here is an image of whats happening...

If I make the dark area 1px larger it then drops below the left column...
__________________


Last edited by Phaaze : 05-20-2008 at 03:52 PM.
Phaaze is offline
Reply With Quote
View Public Profile
 
Old 05-21-2008, 03:10 PM Re: IE6 1px Padding Error
LadynRed's Avatar
Super Moderator

Posts: 6,065
Location: Tennessee
It would be helpful to see ALL of your code if you've got it.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-22-2008, 01:48 AM Re: IE6 1px Padding Error
Experienced Talker

Posts: 36
I posted all of it, all of which I've coded so far..
__________________

Phaaze is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to IE6 1px Padding Error
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.14319 seconds with 13 queries