MEM wrote:
Sorry for this classic issue... :s
As it states here:
http://www.positioniseverything.net/easyclearing.html
I'm trying to apply the clear fix method to the parent of the element I
wanted to fix.
But IE-6 seems to ignore it, and the right column still drops.
The html:
Hi,
I have this that works well:
img { border:10px solid #7B2E91 }
I would like to do one on top of another, something like this:
img { border:10px solid #7B2E91 }
img { border:20px solid #00 }
Is there a way to do this?
TIA,
Victor
What is the cause of the right-column float drop in IE/6:
1/ it is not properly cleared?
2/ the left-column is too wide?
3/ the left-column is too wide /and/ the float needs to be cleared?
4/ none of the above?
Thanks for the steps. I will follow then in further float drop issues.
Victor Subervi wrote:
I have this that works well:
img { border:10px solid #7B2E91 }
I would like to do one on top of another, something like this:
img { border:10px solid #7B2E91 }
img { border:20px solid #00 }
It won't work, since the latter rule just overrides the former.
You
--
I have this that works well:
img { border:10px solid #7B2E91 }
I would like to do one on top of another, something like this:
img { border:10px solid #7B2E91 }
img { border:20px solid #00 }
Is there a way to do this?
-
MEM wrote:
So a simple math problem?
Left-column + right-column + respective margins bigger then container, then,
drop?
I guess so. The IE/6 box-model is known to have issue with width: you
can't cram 5 pounds of apples in a 3 pound bag.
Why overflow: hidden; ?
To