ich versuche mich in CSS-Layout einzuarbeiten.
Ich habe 2 Boxen, ich hoffe standardkonform, positioniert. Wenn der Viewport verkleinert wird verändert sich die Position der der Boxen.
Ich möchte nun die beiden Boxen in eine umgebende Box stellen. Wer kann mir erklären wie. Vielleicht auch mit einem Beispiel.
Hier mein Code:
Ich habe 2 Boxen, ich hoffe standardkonform, positioniert. Wenn der Viewport verkleinert wird verändert sich die Position der der Boxen.
Ich möchte nun die beiden Boxen in eine umgebende Box stellen. Wer kann mir erklären wie. Vielleicht auch mit einem Beispiel.
Hier mein Code:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>
Zweispaltiges Layout mit fester Breite
</title>
<style type="text/css">
body {
background-color: #0080c0;
margin: 200px; /*Abstand auf allen Seiten*/
}
#box1 {
float: left;
width: 200px;
margin-right: 3px;
padding-top: 200px;
background-color: #ffffc6;
}
#box2 {
float: left;
width: 300px;
padding-top: 300px;
background-color: black;
</style>
</head>
<body>
<div id="box1">
</div>
<div id="box2">
</div>
</body>
</html>
Zuletzt bearbeitet von einem Moderator: