|
Posted by Jonathan N. Little on 07/24/06 03:00
sevillad@gmail.com wrote:
> Hi,
>
> I've started to add CSS to my webpage, and I thought I'd be able to add
> a nice dynamic title, with one image on the left, another on the right,
> and some plain background in the middle (to allow for windows resize).
> Well, it doesn't work well and I don't know why... see four yourselves
> (css code included in the file):
>
> http://www.cs.concordia.ca/~dsevilla/test.html
>
> With IE6, the image on the right is displaced down, as if there was an
> extra end of line somewhere; there shouldn't be, I've tried removing
> every space and line end in the code. With Firefox it's even worse, as
> the images are not included in the box (see the border?). I'm ready to
> give up on such a complicated goal, but first I'd like to see if
> someone can help, I'm pretty sure there's something silly I overlooked.
> Or maybe some bug I haven't heard of (I've spent many hours looking for
> info online).
Not a bug, you are not implementing your floats correctly. Put the
right-floated image *before* the regular flow text "Personal Page" in
the markup.
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|