[EMAIL PROTECTED] wrote:
> http://www.sigmaphinothing.org/template.html
> 
> Is the one with the 
> 
> /* hide from other browsers \*/ 
> * html .left {margin-right: -3px;} 
> * html .right {margin-left: 0;} 
> /* end hide */
> 
> Which works in IE. 


> http://www.sigmaphinothing.org/template2.html has
> that section removed from its CSS and you can see a 3px gap between
> images. Look at this in almost any other browser and you do not see the
> right image at all.

Another difference between the two versions is the missing width:100% in 
#header in template2.

#header {
        position: fixed;
        height: auto;
}


#header div.left {
        background-image: ...;
        float: left;
        width: 270px;
        height: 165px;
}

#header div.right {
        background-image: ...;
        height: 165px;
        margin-left 270px;
        padding: 0;
}


div.left has a width, div.right has not.

It's correct to let .right collapse when #header itself has no width.


Ingo

-- 
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to