You are not logged in.

#1 2008-12-03 00:56:39

Sjoden
Member
From: WA
Registered: 2007-08-16
Posts: 380
Website

CSS help | SOLVED

On my website, http://ognop.net, I have 3 divs inside of a container div. There is a top div that takes up the whole width, and then two divs underneath it, side my side, one floating left, the other floating right. I have content in the right, but when I add anything to the left, the right div stays on the right, but gets pushed down however many lines I added. I was wondering if anyone could take a look. I have valid html and css.

For the lazy;

http://ognop.net/index.php
http://ognop.net/css/mini.css

edit/
Any comments or seemingly useless lines in the html or css were for cross browser support.

Last edited by Sjoden (2008-12-03 01:36:33)

Offline

#2 2008-12-03 01:39:24

Sjoden
Member
From: WA
Registered: 2007-08-16
Posts: 380
Website

Re: CSS help | SOLVED

Stupid differences in rendering. To me, at least, it looks like Firefox adds the width of a border to the width of the div its applied to, but IE takes the width away from the div, keeping the original size(Which I think I prefer). Since I added a 1px border to the left side of the right div, it was too big to fit with the left div in the specified space, so it got pushed down underneath it.


Zack

Offline

Board footer

Powered by FluxBB