XP PRO IE v6 SP1 has CSS/div bug?

David R. Wheeler · David R. Wheeler

Nope, no bug - it's doing what you told it to do. Aligning text left or right has no effect on the placement of the containing object.

..Adiv { float : left; width : 40%; background-color : #ff0000; text-align : left; }
..Bdiv { float : right; width : 40%; background-color : #0000ff; text-align : right; }
..Outterdiv { width : 100%; background-color : #008000; }

--

Dave
-----------------------------------------------------------------
I wonder why evolution hasn't got around to creating an undo button ...

Using the web forums? See your missing answers here:
Dreamweaver: [url]news://forums.macromedia.com/macromedia.dreamweaver[/url]
AppDev: [url]news://forums.macromedia.com/macromedia.dreamweaver.appdev[/url]
UltraDev: [url]news://forums.macromedia.com/macromedia.ultradev[/url]
=======================

jqpdev · jqpdev

I have two div's (div-A and div-B) contained within a outer-div (div-C).
How come div-A and B can't be side by side with the same vertical placement?
Here is the CSS:
<style>
..Outterdiv { width:100%; background-color:green; height:auto }
..Adiv { width:40%; backgroud-color:red; text-align:left }
..Bdiv { width:40%; backgroud-color:deepbluesky; text-align:right }
</style>

Here is the HTML:

<DIV class="Outterdiv">
<DIV class="Adiv ">
123
</DIV>
<DIV class="Bdiv ">
987
</DIV>
</DIV>

Any ideas? Is this a bug? I have the style block placed directly in the
body of the document... right after the opening body tag.

jqpdev · jqpdev

I don't understand... Is the containing object the ".Outterdiv"?
The end result is that I get:
123
987

Instead of:
123.............................987

"David R. Wheeler" <dont-want@no.spam> wrote in message
news:bo0sv1$kn1$1@forums.macromedia.com...
Nope, no bug - it's doing what you told it to do. Aligning text left or
right has no effect on the placement of the containing object.

..Adiv { float : left; width : 40%; background-color : #ff0000; text-align :
left; }
..Bdiv { float : right; width : 40%; background-color : #0000ff; text-align :
right; }
..Outterdiv { width : 100%; background-color : #008000; }

--

Dave
-----------------------------------------------------------------
I wonder why evolution hasn't got around to creating an undo button ...

Using the web forums? See your missing answers here:
Dreamweaver: [url]news://forums.macromedia.com/macromedia.dreamweaver[/url]
AppDev: [url]news://forums.macromedia.com/macromedia.dreamweaver.appdev[/url]
UltraDev: [url]news://forums.macromedia.com/macromedia.ultradev[/url]
=======================

David R. Wheeler · David R. Wheeler

Yes, the outer container is still .Outterdiv
Your html code didn't change, only the css.

The css that goes in the <head> of your page

<style type="text/css">

</style>

applied to your original code

<body>
....
<div class="Outterdiv">
<div class="Adiv ">123</div>
<div class="Bdiv ">987</div>
</div>
....
</body>

will place Adiv on the left side and Bdiv on the right side, with both of these contained in Outterdiv

I am assuming that there will also be content in Outterdiv to hold it open. Also, this will not work in NS4

--

Dave
-----------------------------------------------------------------
I wonder why evolution hasn't got around to creating an undo button ...

Using the web forums? See your missing answers here:
Dreamweaver: [url]news://forums.macromedia.com/macromedia.dreamweaver[/url]
AppDev: [url]news://forums.macromedia.com/macromedia.dreamweaver.appdev[/url]
UltraDev: [url]news://forums.macromedia.com/macromedia.ultradev[/url]
=======================

jqpdev · jqpdev

David,
Thanks for the update. However, I have not been able to the A & B div's to
stay side by side. The A div appears on top of the B div. So the output in
the browser is:
123
.................................................. .....987

The series of dots is to illustrate empty space and the right side text
alignment of the B div. What I expected to get is
123............................................... ..........................
..........................987

Again the dots are for empty space.
Part of the problem is that the A & B div's don't behave horizontally like
table columns/cells/rows, and that is the behavior I was expecting. I also
suspect that there is a carriage return/line feed being placed after the
div's, but there is no what for me to tell in a browser window. Any ideas?

"David R. Wheeler" <dont-want@no.spam> wrote in message
news:bo26n7$aq7$1@forums.macromedia.com...
Yes, the outer container is still .Outterdiv
Your html code didn't change, only the css.

The css that goes in the <head> of your page

<style type="text/css">

</style>

applied to your original code

<body>
....
<div class="Outterdiv">
<div class="Adiv ">123</div>
<div class="Bdiv ">987</div>
</div>
....
</body>

will place Adiv on the left side and Bdiv on the right side, with both of
these contained in Outterdiv

I am assuming that there will also be content in Outterdiv to hold it open.
Also, this will not work in NS4

--

Dave
-----------------------------------------------------------------
I wonder why evolution hasn't got around to creating an undo button ...

Using the web forums? See your missing answers here:
Dreamweaver: [url]news://forums.macromedia.com/macromedia.dreamweaver[/url]
AppDev: [url]news://forums.macromedia.com/macromedia.dreamweaver.appdev[/url]
UltraDev: [url]news://forums.macromedia.com/macromedia.ultradev[/url]
=======================

rob :: digitalburn · rob :: digitalburn

Try putting top:0px into the style statement for each div.

XP PRO IE v6 SP1 has CSS/div bug?

Thread Tools

Display

Re: XP PRO IE v6 SP1 has CSS/div bug?