Hallo,
ich hab ein Problem mit Divs. Folgendes Szenario:
Ich habe zwei Haupt-Divs. Diese sind 400p breit mit auto-Abstand links und rechts. In diesen zwei Haupt-Divs sind jeweils zwei Divs.
Die beiden Haupt-Divs sollen nacheinander kommen so wie es z.B. bei zwei Absätzen <p> der Fall währe. Aber das ist nicht so. Der IE zeigt es richtig an. Der Firefox macht was er will. Es sieht teilweise so aus als würde er die Divs direkt übereinander legen. Und ich hab keinen Plan was falsch sein soll. Die html sowie css-datei sind valid.
Seht selbst
Danke im Voraus!
Gruß Alex
ich hab ein Problem mit Divs. Folgendes Szenario:
Ich habe zwei Haupt-Divs. Diese sind 400p breit mit auto-Abstand links und rechts. In diesen zwei Haupt-Divs sind jeweils zwei Divs.
Die beiden Haupt-Divs sollen nacheinander kommen so wie es z.B. bei zwei Absätzen <p> der Fall währe. Aber das ist nicht so. Der IE zeigt es richtig an. Der Firefox macht was er will. Es sieht teilweise so aus als würde er die Divs direkt übereinander legen. Und ich hab keinen Plan was falsch sein soll. Die html sowie css-datei sind valid.
Seht selbst
PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Anmelde-Formular!</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<h1>Bewerbung zur Aufnahme <br /> an die Technikerschule</h1>
<form action="doNothing" method="get">
<div class="rahmen">
<div class="a">
<p>Fachrichtung: <select name="auswahl" size="1">
<option>Informationstechnik</option>
<option>Elektrotechnik</option>
<option>Maschinentechnik</option>
</select>
</p>
</div>
<div class="b">
<p>
<input type="radio" name="Zeit" value="Teilzeit" />Teilzeit<br />
<input type="radio" name="Zeit" value="Vollzeit" />Vollzeit<br />
</p>
</div>
</div>
<div class="rahmen">
<div class="a">
<p>Schulausbildung<br /><br />
<input type="radio" name="Bildung" value="Abitur" />Abitur <br />
<input type="radio" name="Bildung" value="Realschule" />Realschule <br />
<input type="radio" name="Bildung" value="Quali" />Quali <br />
</p>
</div>
<div class="b">
<h2>Hallo Welt!</h2>
</div>
</div>
</form>
</body>
</html>
PHP:
body {
background-color: #c0c0c0;
width: 100%;
}
h1 {
font-size: 30px;
text-align: center;
margin-bottom: 20px;
}
.rahmen {
width: 400px;
margin-left: auto;
margin-right: auto;
}
.a {
float: left;
}
.b {
float: right;
margin-left: auto;
}Gruß Alex
