Forum PHP.pl > centrowanie

Pomoc - Szukaj - Użytkownicy - Kalendarz

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

Kirtan Loor

21.02.2005, 15:38:42

Mam pytanko, bo nie moge sobie poradzic.

css

Kod

@charset "iso-8859-2";
/* CSS Document */
body {
background-color:#CDCBCD;
margin:0px;
}

#main {
background-image: url(images/background.jpg);
background-repeat:repeat-y;
height: 100%;
width:650px;
margin:auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.middle {
padding: 10px;
}

Pragne uzyskac aby #main bylo jednoczesnie po srodku i rozciagniete na 100% wysokosci strony. Poki co udaje mi sie osiagnac albo jedno albo drugie.... Mianowicie: przy nie zastosowaniu position: absolute. strona owszem ladnie sie centruje, ale nie jest rozciagnieta na 100%, z kolei przy zastosowaniu jest dokladnie odwrotnie: strona do lewej ale 100% wysokosci. help:)

orson

21.02.2005, 22:02:36

witam ...

dodaj height: 100% dla html i body ... powinno pomoc

pozdrawiam

Volume

21.02.2005, 22:12:53

Ja bym to zrobil inaczej ale nie wiem dokładnie czy moze o to ci chodzi:

Kod

@charset "iso-8859-2";
/* CSS Document */
body {
background-color:#CDCBCD;
margin:0px;
text-align: center;
}

#main {
background-image: url(images/background.jpg);
background-repeat:repeat-y;
height: 100%;
width:650px;
margin: 0 auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.middle {
padding: 10px;
}

dla body dodać text-align: center; a dla #main margin: 0 auto;

Kirtan Loor

22.02.2005, 16:59:25

Cytat(orson @ 2005-02-21 21:02:36)

witam ...

dodaj height: 100% dla html i body ... powinno pomoc

pozdrawiam

well jest spox dopoki strona nie jest wieksza niz 100% bo wtedy sie fajne rzeczy pokazuja. A min-height nie dziala:/

Volume

22.02.2005, 17:48:47

Ja troche nie rozumiem pytania. Możesz dokładnie powiedzieć oo chcesz osiągnąć? Podałeś tylko kod css'a.
Czy chodzi o div rozciągnięty w pionie na 100%? Czy coś innego? Czy to co ja podałem również 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.