citybreaker
Neues Mitglied
Hallo,
ich habe folgendes Problem. Ich habe ein zwei Spalten Layout erstellt, dass über den ganzen Bildschirm gehen soll. Das funktioniert soweit auch alles. Wenn ich allerdings jetzt die Größe des Browser Fenster veränder rutscht die rechte Spalte unter die linke. Ich habe allerdings keine Idee woran das liegen kann. Auch im Internet habe ich dazu nichts gefunden.
style.css
index.html
Wäre schön wenn mir jemand helfen kann.
ich habe folgendes Problem. Ich habe ein zwei Spalten Layout erstellt, dass über den ganzen Bildschirm gehen soll. Das funktioniert soweit auch alles. Wenn ich allerdings jetzt die Größe des Browser Fenster veränder rutscht die rechte Spalte unter die linke. Ich habe allerdings keine Idee woran das liegen kann. Auch im Internet habe ich dazu nichts gefunden.
style.css
HTML:
#container {
margin-top: 100px;
float: left;
height: 100%;
width: 100%;
}
#left {
background: #fff;
float: left;
position: relative;
width: 84%;
/* für alle browser */
min-height: 100%;
/* für IE */
height:auto !important;
height: 100%;
}
#right {
float: right;
position: relative;
width: 15%;
}
.inner {
padding: 10px;
}index.html
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Layout 100% breit</title>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<div id="container">
<div id="left">
<div class="inner">
Linke Spalte mit Platz für Inhalt
</div>
</div> <!-- #left -->
<div id="right">
<img src="http://www.html.de/images/logo.png" alt="Ein Logo" />
</div> <!-- #right -->
</div> <!-- #container -->
</body>
</html>Wäre schön wenn mir jemand helfen kann.
