Forum PHP.pl > [css] szkielet strony a wysokosc diva

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [css] szkielet strony a wysokosc diva

yzmaster

15.03.2008, 01:31:54

Mam problem, zaczynam zabawę z css i utknąłęm przy próbie rozciągnięcia diva na 100% wysokości. Szkielet wygląda tak że jest stala-gora, staly pasek poziomy menu pod ta gora, i pod tym ma byc pole z tekstem na całą wysokość okna i jeszcze pod tym jedno wąskie pole...
Umieszczam kod i może ktoś poradzi co zle robie... Chce zeby "cent" podczas braku tekstu nie "zwijal" sie tylko rozciagal do dolu przesuwajac tez tego diva pod nim...

Z gory dzieki za pomoc i wytkniecie moich bledow..

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="data.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
-->
</style></head>

<body>
<div class="gora"></div>
<div class="up"></div>
<div class="cent">tekst</div>
<div class="dol"></div>
</body>
</html>

i plik css

CODE

@charset "utf-8";
.gora {
    width: 100%;
    height: 117px;
    background-image: url(ofisik/images/offcc2_02.jpg);
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
.up {
    height: 27px;
    width: 100%;
    background-image: url(ofisik/images/offcc2_04.jpg);
    float: none;
}
.cent {
    height: 55%;
    width: 100%;
    background-image: url(ofisik/images/offcc3_16.jpg);
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;   
}
.dol {
    height: 23px;
    width: 100%;
    background-image: url(ofisik/images/offcc2_19.jpg);
    float: none;
}

nitek

15.03.2008, 07:17:41

sprobuj dac do centa cos takiego:

Kod

height:expression(this.scrollHeight > 400 ? "auto":"400px");

czytalem na szybko, nie testowalem, wiec nie daje głowy, ze pomoze

poza tym calosc najlepiej jest jeszce objac 'kontenerem', ktorym bedziesz mogl regulowac polozenie calosci..
daj calosc w diva i dla tego diva daj:

Kod

#container {
margin-left: auto;
margin-right: auto;
}

wtedy calosc bedzie wysrodkowana..

w body wystarczy, ze dasz margin:0px - nie musisz określać tego dla kazdej strony z osobna, pozatym wywal to też do zewnętrzengo arkusza

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.