Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [css] Diva na cala strone
stoprocent
post
Post #1





Grupa: Zarejestrowani
Postów: 338
Pomógł: 2
Dołączył: 17.05.2003
Skąd: Kraków , Londyn

Ostrzeżenie: (0%)
-----


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 (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)
Go to the top of the page
+Quote Post
hwao
post
Post #2


Developer


Grupa: Moderatorzy
Postów: 2 844
Pomógł: 20
Dołączył: 25.11.2003
Skąd: Olkusz




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

moze nie usuneles marginesów ?:]
Go to the top of the page
+Quote Post
stoprocent
post
Post #3





Grupa: Zarejestrowani
Postów: 338
Pomógł: 2
Dołączył: 17.05.2003
Skąd: Kraków , Londyn

Ostrzeżenie: (0%)
-----


Nie to nie wtym jest problem ., nawet jak beda marginesy to bedzie div rozciagniety do miejsca gdzie zaczynaja sie marginesy
Go to the top of the page
+Quote Post
Liko
post
Post #4





Grupa: Zarejestrowani
Postów: 436
Pomógł: 6
Dołączył: 8.11.2003
Skąd: Szczecin

Ostrzeżenie: (0%)
-----


[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]
Go to the top of the page
+Quote Post
hwao
post
Post #5


Developer


Grupa: Moderatorzy
Postów: 2 844
Pomógł: 20
Dołączył: 25.11.2003
Skąd: Olkusz




Kod
<body style="margin: 0;">

<div style="width: 100%; height: 100%; background-color: red;">

e

</div>

Dziala umnie idelanie calutka strona czarwona zobacz czy u Ciebie bedzie ok:)
Go to the top of the page
+Quote Post
wassago
post
Post #6





Grupa: Przyjaciele php.pl
Postów: 701
Pomógł: 0
Dołączył: 26.06.2002
Skąd: Londyn

Ostrzeżenie: (0%)
-----


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]
Go to the top of the page
+Quote Post
stoprocent
post
Post #7





Grupa: Zarejestrowani
Postów: 338
Pomógł: 2
Dołączył: 17.05.2003
Skąd: Kraków , Londyn

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
Liko
post
Post #8





Grupa: Zarejestrowani
Postów: 436
Pomógł: 6
Dołączył: 8.11.2003
Skąd: Szczecin

Ostrzeżenie: (0%)
-----


[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
Go to the top of the page
+Quote Post
hwao
post
Post #9


Developer


Grupa: Moderatorzy
Postów: 2 844
Pomógł: 20
Dołączył: 25.11.2003
Skąd: Olkusz




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 (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
stoprocent
post
Post #10





Grupa: Zarejestrowani
Postów: 338
Pomógł: 2
Dołączył: 17.05.2003
Skąd: Kraków , Londyn

Ostrzeżenie: (0%)
-----


Rzeczywisice poprawilem naglowek i dziala . Dzieki !
Go to the top of the page
+Quote Post
cagrET
post
Post #11





Grupa: Zarejestrowani
Postów: 90
Pomógł: 0
Dołączył: 3.04.2003
Skąd: Opole

Ostrzeżenie: (0%)
-----


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 ?(IMG:http://forum.php.pl/style_emoticons/default/smile.gif) ).
Go to the top of the page
+Quote Post
hwao
post
Post #12


Developer


Grupa: Moderatorzy
Postów: 2 844
Pomógł: 20
Dołączył: 25.11.2003
Skąd: Olkusz




Cytat
Usuwanie nagłówka (jak zasugerował hwao) nie jest zbyt dobrym rozwiązaniem, no chyba że lejemy na standardy (bierzecie przykład z IE ?(IMG:http://forum.php.pl/style_emoticons/default/smile.gif) ).

Ja poprostu powiedziałem zeby poszukał jakiesgos pod jakim bedzie mu działał bo przytym nie działa (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 17:36