IE6/FF2 Layout Anomaly

kerlj001 · 07-08-2008, 05:03 PM

My site at Chatham South School looks fine in IE6 (IE7 refuses to show the banner fullstop) but is shunted to the righ in Firefox.

Can anyone help please?

TIA

deanc · 07-08-2008, 05:20 PM

this is caused byt the fact that IE6 handles CSS VERY!! badly, IE7 is better but still not perfect, Mozilla is alomst there.

consequently the more standards compliant a browser is the more it can make some web pages look a bit wacky.

try these as a few pointers
W3C CSS Validator results for http://www2.chathamsouth.medway.sch.uk/ (CSS level 2.1)

[Invalid] Markup Validation of http://www2.chathamsouth.medway.sch.uk/ - W3C Markup Validator

not too sure what the HTML validator is on, perhaps the CMS template needs tweaking.

without seeing the code that causes the output i cant be much more help

NotSoFast · 07-08-2008, 06:37 PM

A good start would be to float the #content-container div left by changing the CSS file:

#content-container {
color:#4A4537;
font-family:"Tahoma",Verdana,"Tahoma",Verdana,Arial,Hel vetica,Sans-Serif;
font-size:1em;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
float: left;
}

It's not perfect but it helps in FF.

Simon

Welcome, Register for free! or Login below:
User Name		Remember Me?
Password

07-08-2008, 05:03 PM	#1
kerlj001 Join Date: Jan 2008 Posts: 35 Thanks: 1 Thanked 0 Times in 0 Posts Rep Power: 0	IE6/FF2 Layout Anomaly My site at Chatham South School looks fine in IE6 (IE7 refuses to show the banner fullstop) but is shunted to the righ in Firefox. Can anyone help please? TIA

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Problem with static site when using IE6	kearton	EduGeek Joomla 1.0 Package	1	12-06-2008 06:57 PM
username as footer in IE6	iking	Network and Classroom Management	5	21-04-2008 03:05 PM
Security settings in IE6	woody	Windows	3	17-01-2007 02:26 PM
IE6 on AMD64 Ubuntu	CyberNerd	*nix	2	23-11-2006 11:31 AM
IE6 https problem	Spongor	Windows	7	02-11-2006 10:25 AM

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

		EduGeek.net Forums > EduGeek Projects > Projects: > EduGeek Joomla 1.0 Package
IE6/FF2 Layout Anomaly

07-08-2008, 05:20 PM	#2
deanc Join Date: Dec 2005 Location: Bedford Posts: 35 Thanks: 1 Thanked 2 Times in 2 Posts Rep Power: 6	this is caused byt the fact that IE6 handles CSS VERY!! badly, IE7 is better but still not perfect, Mozilla is alomst there. consequently the more standards compliant a browser is the more it can make some web pages look a bit wacky. try these as a few pointers W3C CSS Validator results for http://www2.chathamsouth.medway.sch.uk/ (CSS level 2.1) [Invalid] Markup Validation of http://www2.chathamsouth.medway.sch.uk/ - W3C Markup Validator not too sure what the HTML validator is on, perhaps the CMS template needs tweaking. without seeing the code that causes the output i cant be much more help

07-08-2008, 06:37 PM	#3
NotSoFast Join Date: Jan 2008 Posts: 26 Thanks: 1 Thanked 6 Times in 3 Posts Rep Power: 3	A good start would be to float the #content-container div left by changing the CSS file: #content-container { color:#4A4537; font-family:"Tahoma",Verdana,"Tahoma",Verdana,Arial,Hel vetica,Sans-Serif; font-size:1em; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; float: left; } It's not perfect but it helps in FF. Simon

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

Register now for FREE and post messages!
Username: Password: Confirm Password: E-Mail: Confirm E-Mail: Birthday: Image Verification I agree to forum rules