Posted by GTalbot on 01/04/08 02:23

On 3 jan, 18:43, "Nik Coughlin" <nrkn....@gmail.com> wrote:
> "Fister" <n...@tak.dk> wrote in message
>
> news:5575aa932873f8ca1c5e2ee16fe4@news.tele.dk...
>
> > I'd like for the div.something-else below the three columns to be placed
> > 25 pixels below the coloumn with the longest text. Unfortunately with the
> > code below it only relates to the center-column. That causes problems if
> > the text in left- or right-column are long. How can I fix this?
>
> http://www.nrkn.com/3ColEqualPositioned/
>
> Tested in Safari, Opera, Firefox, IE 6 & 7.

Before people start copying that CSS template, I'd like to point out a
few problems or issues with the webpage:

1- It uses a lot of positioning (relative and absolute) and also
floats. As a rule, I try to avoid positioning (rel. and abs.) when
using float. I either use only float (with clear) or only positioning
but not both.

2- Try highlighting/selecting some text in the yellow (left) column,
preferably toward the top in Internet Explorer 7: impossible.

3- I wonder why the template uses so many empty divs:
<div class="leftBack"></div>
<div class="rightBack"></div>
<div class="middleBack"></div>
<div class="clear"></div>

Clearing with structural markup is not recommendable, certainly not
semantic markup.

Regards, Gérard

[Back to original message]