Hi all, please can I get a fresh pair of eyes to help with a simple div flow problem?

 

http://fuelrecruitmenttest.co.uk/submitcv.aspx

 

something weird's happening with the layout, I know its because one of the div tags it too wide and is upsetting the flow but I cant find it! I'd be so grateful if someone could point out whats going wrong. For comparison purposes,

 

http://fuelrecruitmenttest.co.uk/testing/columns.html

 

uses the same layout but looks fine. Help!

 

many many thanks

 

Mish

those border-right: #efeded 20px solid in #maincontent and #topheader don't seem to be helping. Remove them and it looks better.

Edited June 1, 201115 yr by zed

those border-right: #efeded 20px solid in #maincontent and #topheader don't seem to be helping. Remove them and it looks better.

 

Hi, thanks for the advice! I've tried it and still looking weird... back to the drawing board!

I couldn't find any #maincontent in your css but to fix it:

 

add:

#maincontent{width:705px;border:none;float:left;padding:5px;}

 

and as above, remove border-right:20px; from #topheader

 

In all honesty though, it's gonna need a lot of work to be cross-browser compatible.

Edited June 1, 201115 yr by Blofeld