Post by tschiff » Sun Jan 22, 2012 9:05 pm

Hey guys,

i have a really big problem.

if you go to my homepage with internet explorer, the page is displayed on the left side.
with ANY (ff,chrome,safari,opera) other browser my page is display correct in the middle of the screen.

http://www.changed.de

to find the issue i reuploaded the original stylesheet.css . but the problem is still there.

it would be really nice if someone could help me.

Thanks in advance!
Last edited by tschiff on Fri Jan 27, 2012 4:12 am, edited 1 time in total.

Newbie

Posts

Joined
Wed Nov 23, 2011 2:36 am

Post by MarketInSG » Mon Jan 23, 2012 9:25 am

Problem lies with css. IE does not do well with margin: auto; so you gotta fix that.


User avatar
Guru Member

Posts

Joined
Wed Nov 16, 2011 11:53 am
Location - Singapore

Post by tschiff » Mon Jan 23, 2012 5:09 pm

Hey,

thanks for your answer.

i've changed now many margins to auto, but if think it should be this part!?:
/* layout */
#container {
width: 980px;
margin-left: auto;
margin-right: auto;
text-align: left;

But nothing happens.

in my stylesheet folder there are two additional ccs files:
ie6.css and i7.css

do i need a i8.css!?!?

i need to solve this problem till friday.

thank you so much.

tschiff

Newbie

Posts

Joined
Wed Nov 23, 2011 2:36 am

Post by tschiff » Tue Jan 24, 2012 5:44 am

Hey,

after hours of searching i know, that its not css.

its the ie! the ie goes in the quirksmode!

i get this error if check the page with ie.

Line 1, Column 1: character "" not allowed in prolog
<?xml version="1.0" encoding="UTF-8"?>

how can i solve this problem?

thanks in advance!

Newbie

Posts

Joined
Wed Nov 23, 2011 2:36 am

Post by dggles1972 » Mon May 21, 2012 5:28 am

Hi,

I had the same problem and then found the solution by copying and pasting the code below into the top of ie7.css, ie8.css and ie9.css.

When saved and then tested both on my ie8 and also using http://netrenderer.com/index.php to test the other ie versions this moved the page sligthly off the left hand side, sufficient to show viewers that they are not missing anything. If you increase the px value higher than 25 then you run the risk of the page disappearing off the right hand side of the page on browsers set to 1024 resolution.

Code: Select all

/* layout */
#container {
	width: 980px;
	margin-left: 25px;      
	margin-right: 50px;          
	text-align: left;
}
#column-left {
	float: left;
	width: 180px;
}
#column-right {
	float: right;
	width: 180px;
}
#content {
	min-height: 400px;
	margin-bottom: 25px;
}
#column-left + #column-right + #content, #column-left + #content {
	margin-left: 195px;
}
#column-right + #content {
	margin-right: 195px;
}
Hope this helps.

Newbie

Posts

Joined
Sat May 05, 2012 9:03 pm
Who is online

Users browsing this forum: No registered users and 22 guests