Sent by Zoe M. Gillenwater on 20 January 2005 22:10
Weston Houghton wrote:
>I currently have it working in Mac Safari, but cannot get it working
>in Firefox, and I am looking for ideas.
>
>I have put an example page up at:
>http://www.mixicon.com/dev/test.html
>
>If you just want to see my goal, a picture of the near-perfect
>Safari-version is at:
>http://www.mixicon.com/dev/bar_example.jpg
>
>
I'm pretty sure FF is right here, but I'm surprised that Safari would be
getting it wrong (Opera does too, but it has known issues moving floats
higher than they should be.) Let me see if I can explain it.
You have #row_main with an img, an input, and the div #rowbar inside.
You've floated #rowbar to the right. Remove this float from #rowbar
temporarily. See how it sits on a line below the image and the input?
This is because it is a block level element.
When you float it right, you do not tell it to move up, just over to the
right as far as it can go. So, it remains on that line below the image
and input and just shifts over to the right. FF is correct in its
rendering.
To get it to render the way you want, you can either move it before the
image and input in the source, or float both the image and input left as
well.
Zoe
--
Zoe M. Gillenwater
Design Specialist
Highway Safety Research Center
http://www.hsrc.unc.edu
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
