ie 6/7 div seems to be clearing

[nickmaroulis]

here is my code <div id="main_body_holder"> <div id="main_body_left"> <div class="search_pages"> Pages: <strong>1</strong> <div class="u_right"> <a href="/link">My Things</a> <strong>My Stuff</strong> </div> </div> css #u_right{ float right; } instead of getting Pages: 1 My Things My Stuff I am getting Pages: 1 My Things My Stuff If anyone knows a decent fix for this?

[Prosanta Kundu online]

Try this CSS

.u_right{ float:right; }
.u_left {width:auto;float:left}

And HTML

<div id="main_body_holder">
<div id="main_body_left">
<div class="search_pages">
<div class="u_left">
Pages:
<strong>1</strong>
</div>

<div class="u_right">
<a href="/link">My Things</a>

<strong>My Stuff</strong>
</div>

modified on Monday, August 16, 2010 6:03 AM

[Gerben Jongerius]

The allignment is defaulting to display block, meaning each DIV element is rendered on a new line. This is because of a bug in your CSS. You should have .u_right{ float: right; } The # indicator is reserved for css by element ID. The dot indicator is used for style by classname.

[nickmaroulis]

Thankyou for the help guys It seems the most difficult part of building a website is getting pages lining up on multiple browsers.

[jahangir_ahmad]

Hi dear I am so sorry but It's wrong because the div.u_right stay at right of the parent. for this markup you need this code

.u_right{ float:left; }
.u_left {float:left}

but I rather use another code for first markup (problem markup):

.u_right
{
display:inline;
}