T
toylet
I want a big title bar with a navigation bar beneath it, floated right.
But float:right under IE6 appended a <BR> after the floated text. How
could I get around it?
http://toylet.homeip.net/~toylet/test.html
I also attached the small html file. Notice the lower right corner of
the box, as displayed under mozilla and IE6.
--
.~. Might, Courage, Vision. In Linux We Trust.
/ v \ http://www.linux-sxs.org
/( _ )\ Linux 2.4.22-xfs
^ ^ 11:36am up 16:42 1 user 0.94 0.95
<html><head>
<style type="text/css">
#top {
border:1px solid;
position:absolute;
top:5px;
left:5px;
width:99%;
height:100px;
}
/*
under IE, a <br> was appended autmatically after floated text.
under mozilla, no <br> was dispalyed after the floated text.
*/
#top .bar {
float:right;
}
</style>
</head><body>
<div id="top">
<h1>TOP BAR</h1>
<div class="bar">
floated-text
</div>
</div>
</body></html>
But float:right under IE6 appended a <BR> after the floated text. How
could I get around it?
http://toylet.homeip.net/~toylet/test.html
I also attached the small html file. Notice the lower right corner of
the box, as displayed under mozilla and IE6.
--
.~. Might, Courage, Vision. In Linux We Trust.
/ v \ http://www.linux-sxs.org
/( _ )\ Linux 2.4.22-xfs
^ ^ 11:36am up 16:42 1 user 0.94 0.95
<html><head>
<style type="text/css">
#top {
border:1px solid;
position:absolute;
top:5px;
left:5px;
width:99%;
height:100px;
}
/*
under IE, a <br> was appended autmatically after floated text.
under mozilla, no <br> was dispalyed after the floated text.
*/
#top .bar {
float:right;
}
</style>
</head><body>
<div id="top">
<h1>TOP BAR</h1>
<div class="bar">
floated-text
</div>
</div>
</body></html>