Hallo,
habe ein kleines Problem mit den Div Containern. Und zwar möchte ich gerne links und rechts einen haben und in der Mitte soll ebenfalls einer sein, der ganau die Größe zwischen den beiden linken und rechten einnimmt. In dem mittleren Container soll ein Textfeld mit einem Button angebracht werden. Das Textfeld und der Button soll in der Breite genau die Breite des mittleren Containers einnehmen:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<body>
<div style="float: left; width: 200px; border: solid 1px Silver; background-color: Red;">
Links
</div>
<div style="float: right; width: 200px; border: solid 1px Silver; background-color: Yellow;">
Rechts
</div>
<div style="border: solid 1px Silver; background-color: Blue;">
<input type="submit" value="Suche" style="float: right;" />
<input type="text" style="width: 100%" />
</div>
</body>
</html>
Wenn ich jetzt noch weitere Div Container einfüge funktioniert das ganze ebenfalls nicht:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<body>
<div style="float: left; width: 200px; border: solid 1px Silver; background-color: Red;">
Links
</div>
<div style="float: right; width: 200px; border: solid 1px Silver; background-color: Yellow;">
Rechts
</div>
<div style="border: solid 1px Silver; background-color: Blue; margin: 0 13em 0 13em;">
<div style="border: solid 1px Silver; background-color: brown; width: 100%; margin: 0 16em 0 0em;">
<input type="submit" value="Suche" style="float: right;" />
</div>
<div style="border: solid 1px Silver; background-color: black;">
<input type="text" style="width: 100%" />
</div>
</div>
</body>
</html>
In Firefox und Opera gehts so einigermaßen aber der IE 6 und 7 zerhaut das Design wieder komplett. Bräuchte da ne Möglichkeit für alle drei aktuellen Standardbrowser (IE 6, FF, Opera).
Vielen Dank schonmal!
EoN