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;
}