Forum PHP.pl > [css][div]Jak zrobic nastepujacą stronke

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [css][div]Jak zrobic nastepujacą stronke

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

endr1u

14.05.2009, 01:55:14

Chcialbym zrobic strone w divach tak jak na zdjeciu niżej :

Czarne tło ma byc połączone razem.. Tresc strony ma sie rozszerzac pod wplywem tekstu itd.. wszystko ma sie wtedy rozszerzac i powiekszac.. stopka wraz z logiem.. probowalem to zrobic na wiele sposobow, neistety nie umiem do konca tego zrobic.. moglby ktos mi z tym pomoc?

slawny

14.05.2009, 09:05:46

rowspan, colspan

endr1u

14.05.2009, 13:59:46

Cytat(slawny @ 14.05.2009, 10:05:46 )

rowspan, colspan

rowspan i colspan to raczej w tabelach a nie divach ?

bliitz

14.05.2009, 14:03:57

to pokaż co już zrobiłeś

flashdev

14.05.2009, 14:06:12

Cytat(endr1u @ 14.05.2009, 02:55:14 )

Chcialbym zrobic strone w divach tak jak na zdjeciu niżej :

Polecam poniższy kurs. Sam się na tym opierałem.

http://www.kurshtml.boo.pl/css/plynny_szablon,szablon.html

Ten szablon powinien się nadać idealnie:

Kod

html, body {
    background-color: #fff;
    color: #000;
    margin: 0;
    padding: 0;
}

#NAGLOWEK {
    background-color: #888;
}

#MENU {
    width: 150px;
    float: right;
    overflow: hidden;
    position: relative;
    background-color: #ccc;
}

#TRESC {
    margin-right: 150px;
    background-color: #fff;
}

#STOPKA {
    clear: both;
    background-color: #888;
}

endr1u

14.05.2009, 18:07:37

Chodzi mi dokładnie o to :

strona glowna : http://www.endr1u.yoyo.pl
css : http://www.endr1u.yoyo.pl/styles.css
html : w zrodle strony

jak widzicie tekst na samym dole jest odsuniety od stopki.. chce aby tekst byl zaraz pod spodem..
margines w IE w ogole nie dziala ustawilem margin :0 auto 0 auto; powinno dzialac o dziwo nie dziaa..
margines w srodkowym oknie tam gdzie jest tresc tez nie dziala..

moze mi ktos z tym pomoc?

pgrzelka

3.06.2009, 22:07:21

nie robisz czarnego tła dla #statyw ale dla całego diva obejmującego wszystko,

#all - tu czarne tło
#page - div obejmujący tresc i statyw

[HTML] pobierz, plaintext 
<div id="all">
   <div id="naglowek">białe tło</div>
 
    <div id="page">
        <div id="tresc">treść - białe tło</div>
        <div id="statyw">tu tło inherit lub czarne</div>
    </div>
 
    <div id="stopka"></div>    
 
</div>
[HTML] pobierz, plaintext

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.