Zum Inhalt springen

InternetExplorer - Problem

Erstellt am 23. Juni 2011 · 5 Antworten · letzte Antwort am 23. Juni 2011

Tags: Frage

celsior ·

Hallo,
ich habe da ein Problem mit dem Template.
Am besten ihr schaut es Euch an.

www.waffenklasse.de

Am rechten Rand sieht mal im Firefox, Opera, Chrom, Iron
einen NEWS Banner.

Im IE rutscht er nach ganz unten links.

Das Template habe ich angehängt.

Hat jemand eine Idee?

template_home.html
3kB
faceless209 ·

Hi celsior,

ich bin zwar nicht der Webmeister, was mir aber auffällt ist, dass Du dem Div main auf die Breite von 775px setzt. Die Divs innerhalb von Main (left content right) haben aber zusammen eine Breite von 798px.
Wenn Du also einfach nur die Breite von Main entsprechend erhöst ist alles gerizt.

celsior ·

Hallo faceless,
ich bin auf 772px gekommen. Habe ich da was übersehen?

Hier mal ein Auszug aus der CSS Datei:

#wrapper{
	background: #ffffff;
	width:800px;
	margin: 0px auto;
	text-align: left;
}

#main{
	clear: left;
	padding-left:11px;
	padding-right:14px;
	padding-bottom:10px;
	width: 775px;
}

#left{
	padding-top:0px;
	float:left;
	width: 152px;
}

#content{
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	width: 460px;
}

#right{
	padding-top:0px;
	float:left;
	width: 140px;
}
celsior ·

Hi faceless,
ich hätte es mal vor meinem letzten Beitrag probieren sollen.
#main ist jetzt auf 800 und es passt.

Vielen Dank, total klasse!

faceless209 ·

Hi,
auch wenn der IE unter webseiten bastler verpönt zu sein scheint ist es trotzdem mein favorite. Und seit der Version 8 ist auch ein entwicklertool gleich eingebaut (f12). Was unter anderem sehr nützlich ist ist die Darstellung auf der rechten seite (Layout) dort wird dir alles angezeigt Offset, margin, padding border und die innere Größe deiner Elemente.

SO bin ich bei deiner Seite vorgegangen und habe es schnell gefunden.