Probleme bei Positionierung

Status
Nicht offen für weitere Antworten.

Harzteufel

Erfahrenes Mitglied
Hallo, während der IE 7 mir meine Datei wie gewünscht darstellt, gibt es beim Firefox 3.0.3 ein kleines Darstellungsproblem. Hat jemand ne Ahnung, was ich falsch mache? Ich komm einfach nicht drauf... Bin für jeden Hinweis dankbar!

HTML:
	<div id="balken">
			<div id="textinfo">
				<div id="content">
				<h1>Veranstaltung</h1>
				<p>Infotext</p>
				<h2>Datum und Ort</h2>
				</div>
			</div>
	</div>

Code:
* {
	padding: 0;
	margin: 0;
}
body {
	font-size: 12px;
	font-family: Arial, Tahoma, Helvetica, Verdana;
	color: #FFF;
	background: #e0e8ec;
	}
#balken {
	content: 50%;
	margin-top: 22%;
	height: 300px;
	background: #1b496f;
	}
#textinfo {
	position: relative;
	z-index: 100;
	margin: -50px auto 0 auto;
	width: 800px;
	height: 350px;
	background: url(img/logopic.gif) no-repeat;
	padding: 65px 0 15px 0;
	}
#content {
	margin: 0 0 0 365px;
	}
h1 {
	font-size: 1.6em;
	margin-bottom: 1.3em;
	}
h2 {
	font-size: 1.3em;
	margin-bottom: 1em;
	}
 
Hi,

wandel mal die relative Positionierung für #textinfo in eine absolute um, dann stimmt auch die nachfolgende margin-Deklaration für #content in den Browsern überein.

mfg Maik
 
Status
Nicht offen für weitere Antworten.
Zurück