Divs - I am one

meghatronic · 1 Jul 2007 at 12:20

I'm trying to do something incredibly simple in css:

Code:

................header.................
   blah
.................body...................
                 <hr>
left column           right column
                 <hr>
................content................
blah blah
blah
................/content................
................./body...................
.................footer..................

It all works fine in IE, but in Opera/Safari/Mozilla, the pre-content body comes out like:

Code:

                 <hr>
left column   <hr>  right column
                 content................

Using:

Code:

<div id="hr" style="width: 727px;"><hr></div>
<div id="top" style="width: 727px;">
<div align="left" id="leftcolumn" style="float:left;">
blah
</div>
<div align="right" id="right column" style="float:right;">
blah
</div>
</div>
<div id="hr" style="width: 727px;"><hr></div>
<div id="content">

paulsheffII · 1 Jul 2007 at 12:30

Have you tried

Code:

<div id="hr" style="clear:both;width:727px;"><hr></div>

meghatronic · 1 Jul 2007 at 12:47

paulsheffII said:
Have you tried

Code:

<div id="hr" style="clear:both;width:727px;"><hr></div>

I have now

You're awesome, cheers.

furnace · 1 Jul 2007 at 12:53

Shouldn't

Code:

<hr style="clear: both;">

work, too?

meghatronic · 1 Jul 2007 at 13:07

furnace said:
Shouldn't

Code:

<hr style="clear: both;">

work, too?

Yeah, but I need it in a div as the <hr> is only a place holder at the moment.

furnace · 1 Jul 2007 at 13:21

Ah right, cool

I didn't notice you'd already said "<div id="hr" style="width: 727px;"><hr></div>" in your original post - I thought there was some technical reason paul did it like that. Now I'm being a div

meghatronic · 1 Jul 2007 at 13:47

furnace said:
Ah right, cool I didn't notice you'd already said "<div id="hr" style="width: 727px;"><hr></div>" in your original post - I thought there was some technical reason paul did it like that. Now I'm being a div

Believe me - your divyness does not match mine. You'd have to try really hard and fail lots and lots.