Sent by Bruno Fassino on 5 April 2005 16:04
Adam Helweh wrote:
> We did not test previously with firefox and now I am seeing a few major
> layout bugs. Namely on the
> "TEAM" page (_http://www.youngdogs.com/hedge/whoweare/theteam.htm_
> (http://www.youngdogs.com/hedge/whoweare/theteam.htm) ) at the bottom of
> the layout where the photos poke through.
The problem is not due to Firefox. It varies with the font size: try
changing it (ctrl+/-) and you will see that the photos remain more or less
at the same place in the page, while the height of the blocks of text in the
center changes, so the problem becomes more or less evident.
The reason is that the photos are put in place with relative positions in
pixels, and there isn't any real connection between a photo and its related
block of text on the left.
The best ways to solve the problem require to restructure a bit the markup.
You need to create the now missing connection between the blocks of text in
the middle column and the photos. Since you are using a table you can
probably define rows (each containing a block of text and its related
photo.) Or you can absolutely position each photo with respect to its
related block of text (this means putting the photo inside the block of text
in the markup, and using position relative/absolute.) And there are surely
many other ways.
Alternatively, if you want to make less changes you could try to use em
instead of px for the vertical positioning of the photos (but this a rather
imprecise method, and should you alter the text, you will have to
recalculate you values...)
Hope this helps a little,
Bruno
______________________________________________________________________
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/