probs with container in FF

[Prikkie]

I'm making a photoblog for a friend. In Opera and IE it looks like I
want it to, but in Firefox I can't seem to get it right.

On http://www.groothoek.nl you can see what happens: the columns on the
left and on the right are supposed to end at the end of the page, but
end where the text ends. Also there's a bit of white above the right
column, where I'd expect green like the rest of the background. Finally,
there should be a 2 px border left and right of the container, but that
doesn't show up in FF either.

It is all somehow connected with the container and the "hoofdkolom " and
"zijkolom" classes. I'm aware that the xhtml is basically tagsoup, but
that's what the template with this tool looked like. I know it could be
a lot better, but that's not my first priority.

I'm hoping someone here could get me on the right track...

Thanks,
Prikkie

[mscir]

Prikkie wrote:

I'm making a photoblog for a friend. In Opera and IE it looks like I
want it to, but in Firefox I can't seem to get it right.

On http://www.groothoek.nl you can see what happens: the columns on the
left and on the right are supposed to end at the end of the page, but
end where the text ends. Also there's a bit of white above the right
column, where I'd expect green like the rest of the background. Finally,
there should be a 2 px border left and right of the container, but that
doesn't show up in FF either.

It is all somehow connected with the container and the "hoofdkolom " and
"zijkolom" classes. I'm aware that the xhtml is basically tagsoup, but
that's what the template with this tool looked like. I know it could be
a lot better, but that's not my first priority.

I'm hoping someone here could get me on the right track...
Thanks,
Prikkie

I found it by giving the container a red border, it showed the
difference between rendering in IE/FF quickly.

#container {
...
border: 1px solid red;
}

I fixed it in my browsers (IE 6, Netscape 7.2, Firefox 1.0.1, Mozilla
Mozilla 1.7.5) using a clear div:

..clear{
clear: both;
}

</DIV><!-- footer -->
</DIV><!-- column-inner -->
</DIV><!-- zijkolom -->
<div class='clear'></div>
</DIV><!-- container -->

</BODY>
</HTML>

[Prikkie]

mscir wrote:

Prikkie wrote:
[containerprob]
I fixed it in my browsers (IE 6, Netscape 7.2, Firefox 1.0.1, Mozilla
Mozilla 1.7.5) using a clear div:

.clear{
clear: both;
}

</DIV><!-- footer -->
</DIV><!-- column-inner -->
</DIV><!-- zijkolom -->
<div class='clear'></div>
</DIV><!-- container -->

</BODY>
</HTML>

That did the trick. Thanks!

Prikkie