> Thank your advice. I modified my code to:
> <div id="header">
> ...
> <div style="clear:both;"></div>
> </div>
Hello ray,
that's because you've inserted a new div which clears the flow but still
has float: right; due to the definition: #header div {float: right;}. So
extending the <div style="float: none; clear: both;"></div> will help,
which is not very elegant, better would be creating a class for the div
containing the login/language.
works on Windows with:
IE 7 beta 2
Firefox 1.5.0.3
Opera 7.23
Opera 8.54
doesn't work on Windows with:
Firefox 1.0.6 - background complete white
IE 6 - background of h1 is white
Netscape 7.1 - background complete white
Mozilla 1.7.1 - background complete white
HTH
Niklas
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html>
<head>
<title>Untitled</title>
<style type="text/css" media="screen,projection">
#header {
background-color: #FFE4B5;
}
#header h1 {
float: left;
margin: 0;
}
#header div {
float: right;
}
</style>
</head>
<body>
<div id="header">
<h1>Welcome to site</h1>
<div>
<a href="">site in English</a>
hello, please <a href="">login</a> or <a
href="">register</a>
</div>
<div style="float: none; clear: both;"></div>
</div>
</body>
</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/
