Previous Message
Next Message

Why the gap?

Sent by Ingo Chao on 3 March 2006 19:07


[EMAIL-REMOVED] 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-REMOVED]]
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/
Previous Message
Next Message

Message thread:

Possibly related: