Web Design Forums

Jayphen · 03-03-2006, 02:29

Whoever can help me out with this gets to be my friend for 4 (four) hours.

Yesterday I started creating a layout for the Subdreamer CMS. It was originally going to be pure CSS, but working out how to get the three content columns how I wanted them was proving to be too much of a headache. I went with a table contained within a DIV

http://jayphen.temp.powweb.com/subdreamer/

It looks perfect in FF so far

HOWEVER in IE, the #cont div isn't as wide as it should be.. This causes the right hand margin to show where the background image should be (the right hand side should be grey, not orange. The grey is a vertically tiled background image). You will understand when you look at the link.

Why is this?

Also the same problem exists with the chatterbox divs on the right hand column.. they should be 210px width (200px + 05px + 05px padding) .. they show right in FF, but not IE. This may be because of the first problem - the rightCol td may not be wide enough to contain the chatterbox divs. I'm not 100%.

Thanks team.

Jayphen · 03-03-2006, 23:02

Anyone?

pgo · 04-03-2006, 12:31

Get yourself a DOCTYPE and validate your document. You haven't included one, so, as I understand it IE will render your code in "quirks mode", which means it falls back on old rendering habits and bugs. Yours could be a box model issue and probably is.

www.alistapart.com/articles/doctype/

Jayphen · 04-03-2006, 21:07

YESSSSSSSSSSSS a doctype fixed it!

Four hours of friendship commence now! You are a legend. Thankyou!

03-03-2006, 02:29	#1 (permalink)
Jayphen Registered User Join Date: Mar 2006 Posts: 8	Help with my CSS(ish) layout.. Whoever can help me out with this gets to be my friend for 4 (four) hours. Yesterday I started creating a layout for the Subdreamer CMS. It was originally going to be pure CSS, but working out how to get the three content columns how I wanted them was proving to be too much of a headache. I went with a table contained within a DIV http://jayphen.temp.powweb.com/subdreamer/ It looks perfect in FF so far HOWEVER in IE, the #cont div isn't as wide as it should be.. This causes the right hand margin to show where the background image should be (the right hand side should be grey, not orange. The grey is a vertically tiled background image). You will understand when you look at the link. Why is this? Also the same problem exists with the chatterbox divs on the right hand column.. they should be 210px width (200px + 05px + 05px padding) .. they show right in FF, but not IE. This may be because of the first problem - the rightCol td may not be wide enough to contain the chatterbox divs. I'm not 100%. Thanks team.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

03-03-2006, 23:02	#2 (permalink)
Jayphen Registered User Join Date: Mar 2006 Posts: 8	Anyone?

04-03-2006, 12:31	#3 (permalink)
pgo Senior Member Join Date: Jan 2005 Posts: 12,340	Get yourself a DOCTYPE and validate your document. You haven't included one, so, as I understand it IE will render your code in "quirks mode", which means it falls back on old rendering habits and bugs. Yours could be a box model issue and probably is. www.alistapart.com/articles/doctype/

04-03-2006, 21:07	#4 (permalink)
Jayphen Registered User Join Date: Mar 2006 Posts: 8	YESSSSSSSSSSSS a doctype fixed it! Four hours of friendship commence now! You are a legend. Thankyou!

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)