content in 3rd column starts lower.

hi,

I've got a 3 column layout which I want to use. But when testing it
appears that the 3rd columnn text starts a little lower then the text in
the other columns. This is the case in internet explorer but not in
firefox. Any idea what might be causing this behaviour?

http://213.189.9.85/test/layout.php

Thanks in advance,

Roderik

Roderik wrote:

[...] Any idea what might be causing this behaviour?

There are at least two errors to correct. One is design, the other CSS.

The design problem relates to "xtra." It should be nearly identical to
"nav" except for float:right, and placed inside of div-middle where nav
and content are.
The other is the padding-top:1.7em xtra has that nav does not, defined
in "* html #xtra."

As a troubleshooting aid put borders around the various elements. You
can see where the extra space comes from much more easily. You'll have to
adjust the widths to get the layout correct-ish. And delete div-header to
see where all the borders are.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

Roderik wrote:

hi,

I've got a 3 column layout which I want to use. But when testing it
appears that the 3rd columnn text starts a little lower then the text in
the other columns. This is the case in internet explorer but not in
firefox. Any idea what might be causing this behaviour?

http://213.189.9.85/test/layout.php

Thanks in advance,

Roderik

if i remember correctly, starting your page with an xml declaration

<?xml version="1.0" encoding="UTF-8"?>

throws IE into quirks mode, while FF stays in standards mode.

as a consequence padding and margins have different effects on the box
domensions.