Forum PHP.pl > [css] Diva na cala strone

Pomoc - Szukaj - Użytkownicy - Kalendarz

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

stoprocent

19.05.2004, 10:04:44

Mam pytanie jak zrobic diva na cala styronbe i height i width na 100%?
Nie jest to takie kolorowe gdyz probowalem za pomoca styli dac i height i width na 100% i nie dziala jak nalezy. Znalazlem nawet taki problem na zagrnicxznym forum i bylo tam napisane zeby dla body dopisac jeszce width i height na 100% i niby dzialalo ale tylko pod IE , ma ktos jakeis rozwiazanie

hwao

19.05.2004, 10:06:56

http://www.thenoodleincident.com/tutorials...sson/boxes.html

moze nie usuneles marginesów ?:]

stoprocent

19.05.2004, 10:34:54

Nie to nie wtym jest problem ., nawet jak beda marginesy to bedzie div rozciagniety do miejsca gdzie zaczynaja sie marginesy

Liko

19.05.2004, 10:46:53

[xml:1:b9951dc267]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
body {
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
background-color: #ddddee;
}
div#div_one {
height: 100%;
width: 100%;
text-align: left;
color: darkred;
font: 12px Arial;
}
</style>
</head>
<body>
<div id="div_one">
tutaj tresc
</div>
</body>
</html>[/xml:1:b9951dc267]

hwao

19.05.2004, 10:47:33

Kod

Dziala umnie idelanie calutka strona czarwona zobacz czy u Ciebie bedzie ok:)

wassago

19.05.2004, 10:51:22

zamiast w tagu BODY uzyc w stylach.
[xml:1:e7968ca803]
<style>
body {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
</style>
[/xml:1:e7968ca803]

stoprocent

19.05.2004, 11:13:38

A u mnie nie jest tylko pasek na cala szerokosc ale nie na wysokosc.
Tutaj jest przyklad moze ktos widzi tak samo jak ja .
http://southside.pl/romo/index2.htm

Liko

19.05.2004, 11:18:01

[xml:1:0bc3beb198]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
body {
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
background-color: #ddddee;
}
div#div_one {
height: 100%;
width: 100%;
text-align: left;
color: darkred;
font: 12px Arial;
background-color: black;
}
</style>
</head>
<body>
<div id="div_one">
</div>
</body>
</html>
</body>
</html>
[/xml:1:0bc3beb198]
Działa pod IE

hwao

19.05.2004, 11:18:36

Kod

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Naglowek wszytko spoje... o ile dobrze pamietam to cos takiego juz było na forum

Cytat

Działa pod IE

Bo ie wszytko olewa

stoprocent

19.05.2004, 11:26:50

Rzeczywisice poprawilem naglowek i dziala . Dzieki !

cagrET

26.05.2004, 09:50:42

Jeżeli w dokumencie nagłówek ustawi się na XHTML 1.0 Transitional, to na Mozilli nie da się osiągnąć 100% height bez małego tricku:

Kod

body, html {

height: 100%;

margin: 0;

}

(Trzeba dać height 100% tagowi HTML, nie tylko BODY)
Usuwanie nagłówka (jak zasugerował hwao) nie jest zbyt dobrym rozwiązaniem, no chyba że lejemy na standardy (bierzecie przykład z IE ?

hwao

28.05.2004, 07:48:22

Cytat

Usuwanie nagłówka (jak zasugerował hwao) nie jest zbyt dobrym rozwiązaniem, no chyba że lejemy na standardy (bierzecie przykład z IE ?

Ja poprostu powiedziałem zeby poszukał jakiesgos pod jakim bedzie mu działał bo przytym nie działa

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.