Forum PHP.pl > Problem z 100% szerokość/wysokość

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Problem z 100% szerokość/wysokość

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

zabickim87

18.03.2009, 17:21:07

Witam
Dopiero zaczynam z budowaniem layout'ów na divach. Chce zrobić układ na 100% wysokości oraz szerokości. Problem polega na tym, jeśli treści jest więcej niż całe okienko przeglądarki, powstaje scroll, jeżeli zjedziemy niżej scrollem nie ma tła, itp, robi się po prostu białe tło, jak na poniższym screenie. Jak ustawaić żeby było zawsze normalnie tło, jeżeli treści w prawej, bądź lewej komórce jest więcej niż sąsiedniej? Z góry dziękuje za pomoc.

Próbowałem także zastosować ten sposób: http://www.cssmania.pl/csswiki/index.php?title=100%25Height jednak nie pomaga.

Screen: http://www.imagebam.com/image/f14c3a30064623

Kod:

[HTML] pobierz, plaintext 
<html>
<head>
<meta http-equiv="content-language" content="pl" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<title>testowy layout</title>
</head>
<body>
<div id="main">
<div id="left">lewa</div>
<div id="right">prawa</div>
</div>
</body>
</html>
[HTML] pobierz, plaintext

CSS:

[HTML] pobierz, plaintext 
html, body {
background: #ffffff;
margin: 0px;
}
 
#main {
    height: 100%;
    width: 100%;
    overflow: visible;
    background-color: #ffffff;
}
 
#left
 {
    float: left;
    width: 15%;
    height: 100%;
    background-color: #c6d2e1;
}
 
#right {
    float: right;
    width: 85%;
    height: 100%;
    background-color: #6f90b8;
}
[HTML] pobierz, plaintext

piotrooo89

18.03.2009, 21:05:07

http://olaszewski.com/2009/02/23/bugi-ie-cz-1/ min-width i min-height.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.