why won't it work?

R

richard

I get the same results in IE7 and FF3.5.
The two inner divisions will not show entirely in the container for nuthin.
This did not used to be such a pain. I'm wondering if the browser writers
have changed the behavior of css.




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title></title>
</head>

<body>

<div style="border:solid 2px #f00; padding:10px;">
<div style="float:left; border:solid 2px #0f0; padding:10px">
123
</div>

<div style="float:left; border:solid 2px #0f0; padding:10px">
abc
</div>
</div>


</body>

</html>
 
D

dorayme

richard said:
I get the same results in IE7 and FF3.5.
The two inner divisions will not show entirely in the container for nuthin.
This did not used to be such a pain. I'm wondering if the browser writers
have changed the behavior of css.
Click to expand...
Not that you bother to answer any advice I give you, but try overflow:
hidden; on your container. Are you perhaps interested to know why you
are having this trouble rather than this or that fix?

I am in a bad mood it seems!
 
R

richard

Not that you bother to answer any advice I give you, but try overflow:
hidden; on your container. Are you perhaps interested to know why you
are having this trouble rather than this or that fix?

I am in a bad mood it seems!
Click to expand...

Me two. I just get so frustrated sometimes I can't seem to recall simple
fixes.
Thanks for the kick.
 
R

rf

No, they have not.

You forgot to ask dorayme why you are having this trouble so she could point
you to her rather excellent series of articles on the matter.

Easy for this to happen with RtS.
Me two.
Click to expand...

You two, or you three?
I just get so frustrated sometimes I can't seem to recall simple
fixes.
Click to expand...

You don't *need* "simple fixes" if you truly understood what float really
does.
 
D

dorayme

"rf said:
Easy for this to happen with RtS.


You two, or you three?
Click to expand...

I am in a better mood now that I have had a drink! Richard Newsguy has
driven me to it. Let's all of us start a *barn* dance? We will float
around the ballroom and not worry about overflows, the more the
merrier... <g>
 
R

rf

dorayme said:
I am in a better mood now that I have had a drink! Richard Newsguy has
driven me to it. Let's all of us start a *barn* dance? We will float
around the ballroom and not worry about overflows, the more the
merrier... <g>
Click to expand...

Nah. I don't dance, well not when I am sober anyway. I'll just accompany you
over to the scrollbar for another G&T.
 
A

Adrienne Boswell

I hear ya, dorayme...

Is it ok to dance with one's own mum? :)
Click to expand...

I hope so, my son and I were in the kitchen dancing to Walking After
Midnight by Patsy Kline last night. It's not easy dancing with a six
year old.
 
R

richard

I am in a better mood now that I have had a drink! Richard Newsguy has
driven me to it. Let's all of us start a *barn* dance? We will float
around the ballroom and not worry about overflows, the more the
merrier... <g>
Click to expand...

As long as you are nekkid and do a pole dance for us.
 
R

richard

No, they have not.


You forgot to ask dorayme why you are having this trouble so she could point
you to her rather excellent series of articles on the matter.


Easy for this to happen with RtS.


You two, or you three?


You don't *need* "simple fixes" if you truly understood what float really
does.
Click to expand...

Always so easy to attach those stereotyped monikers ain't it?
Like you're do damned perfect 100% of the time you don't require any
assistance for nuthin.
 
D

dorayme

Adrienne Boswell said:
It's not easy dancing with a six
year old.
Click to expand...

Just don't let them make like they are two years old and leap up on you
in their dancing excitement, they are bad enough when they are two on
the parental spine! <g>
 
D

dorayme

richard said:
Always so easy to attach those stereotyped monikers ain't it?
Like you're do damned perfect 100% of the time you don't require any
assistance for nuthin.
Click to expand...

rf was saying that it is better to get a more comprehensive view of the
float rules than just be advised about one fix in one particular
situation. I don't think you realise how much he loves you. He is just
shy and this is his way.

By the way, that overflow rule I mentioned will fail in IE6 in
situations where the container needs to grow height. Check your's out.
If in IE6 the container does grow height and enclose its children in the
way you want, it is not the overflow rule causing it. If it is not
enclosing its floated children, there are fixes for this. Sometimes one
of the simplest is to give the container an explicit width. Other fixes
include putting a non-floated child cleared to below the floats...
 
R

richard

rf was saying that it is better to get a more comprehensive view of the
float rules than just be advised about one fix in one particular
situation. I don't think you realise how much he loves you. He is just
shy and this is his way.

By the way, that overflow rule I mentioned will fail in IE6 in
situations where the container needs to grow height. Check your's out.
If in IE6 the container does grow height and enclose its children in the
way you want, it is not the overflow rule causing it. If it is not
enclosing its floated children, there are fixes for this. Sometimes one
of the simplest is to give the container an explicit width. Other fixes
include putting a non-floated child cleared to below the floats...
Click to expand...

Thanks.
In my actual output, I have an <hr> to clear the floats with.
I figure every browser should know how to handle one of them.
I also have the floated divisions using display:block as well as a fixed
width.
 
D

dorayme

richard said:
Thanks.
In my actual output, I have an <hr> to clear the floats with.
I figure every browser should know how to handle one of them.
I also have the floated divisions using display:block as well as a fixed
width.
Click to expand...

Perhaps you might have shown the relevant bits in your posted code. If
you had a cleared non-float child in the first place, you might not have
needed the overflow rule on the container? I am not meaning to suggest -
God forbid! - that you should actually post any URL. Let's not go
overboard now! <g>
 
A

Adrienne Boswell

Gazing into my crystal ball I observed dorayme
Just don't let them make like they are two years old and leap up on you
in their dancing excitement, they are bad enough when they are two on
the parental spine! <g>
Click to expand...

Are you kidding!? I had to carry Spane to bed the other night when he fell
asleep in the chair, 49 pounds (22kg) dead weight. Talk about a parental
spine!
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

How do I hide the modal after 5 seconds? 4
Having trouble centering contents of td ? 3
Help with Visual Lightbox: Scripts 2
All CRUD operations work except POST. Why? 2
Survey details won't go through using php, ajax, Mysql 0
Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one? 0
question with display:table-cell 11
navigation sidebar problem 5

Members online

Total: 28 (members: 1, guests: 27)
Robots: 624

Forum statistics

Threads
473,769
Messages
2,569,578
Members
45,052
Latest member
LucyCarper

Latest Threads

Top