Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Problem z rozciąganiem tła w DIV'ach
Forum PHP.pl > Forum > Przedszkole
krzysiekj
Przerzucam się z table na div przy tworzeniu stron i mam jeden problem, którego nie miałem z tabelami.

Chodzi o to, że po lewej i prawej stronie chcę, żeby tło mi się rozciągało w dół ale, żeby było zależne od środkowego diva. Czyli żeby boczne divy rozciągały się z nim równo tak jak jest to w przypadku tabeli...

HTML
Kod
<body>
<div id="KONTENER">
<div id="TLOL"></div>
<div id="GLOWNY">
TU CAŁA ZAWARTOŚĆ DIV'a GŁÓWNEGO, KTÓRA JEST ZALEZNA NA DŁUGOŚCI OD TREŚCI
</div>
<div id="TLOP"></div>
</div>
</body>


CSS
Kod
#KONTENER {
    width: 1000px;
    height: 975px;
    margin: auto;  
}
#TLOL {
    background-image: url('pliki/tlewe.gif');
    background-repeat: repeat;
    width: 65px;
    height: 100%;
    float: left;
}
#TLOP {
    background-image: url('pliki/tprawe.gif');
    background-repeat: repeat;
    width: 65px;
    height: 100%;
    float: right;
}

#GLOWNY {
    background-color: #fff;
    width: 870px;
    float: left;
}


TLOP i TLOL to są właśnie te cienie.
Obecnie problem chwilowo rozwiązałem tak w Divie KONTENER dałem stałą długość, ale to się mija z celem.
Jak zrobić, aby te boczne divy rozwijały się na długość z głównym?

STRONA Z PRZYKŁADEM
jankes83
daj kontenerowi overflow:auto; i usun stałą wysokość
krzysiekj
Cytat(jankes83 @ 10.02.2010, 10:30:24 ) *
daj kontenerowi overflow:auto; i usun stałą wysokość


Dałem kontenerowi overflow: auto; i zniknęły cienie stała wysokość usunięta

STRONA z OVERFLOW
jankes83
Ja bym cienie zrobił w troche inny sposób.Połączyłbym tlewe.gif i tprawe.gif w jeden plik tlo.gif i ustawil je jako tlo konteneru.
Jesli chodzi o polaczenie to powinno to wygladac w ten sposób:
tlewe.gif[---------białe pole na szerokosc kontenera----------]tprawe.gif
krzysiekj
Cytat(jankes83 @ 10.02.2010, 10:41:03 ) *
Ja bym cienie zrobił w troche inny sposób.Połączyłbym tlewe.gif i tprawe.gif w jeden plik tlo.gif i ustawil je jako tlo konteneru.
Jesli chodzi o polaczenie to powinno to wygladac w ten sposób:
tlewe.gif[---------białe pole na szerokosc kontenera----------]tprawe.gif


a też jest to jakiś pomysł zaraz spróbuję

Cytat(jankes83 @ 10.02.2010, 10:41:03 ) *
Ja bym cienie zrobił w troche inny sposób.Połączyłbym tlewe.gif i tprawe.gif w jeden plik tlo.gif i ustawil je jako tlo konteneru.
Jesli chodzi o polaczenie to powinno to wygladac w ten sposób:
tlewe.gif[---------białe pole na szerokosc kontenera----------]tprawe.gif


zrobiłem tak cienie wywaliłem divy z TLOP i TLOL i został kontener na 1000 w środku główny na 870 więc 130 pozostaje po 65 na tła. jak zostawiłem w głownym float left to tło pojawiło się tylko z prawej. Jak usunąłem float: left to tła sa super ale menu przesuwa się do lewej krawędzi kontenera a powinno do głównego

LINK Z WYWALONYM FLOAT LEFT I Z DUŻYM TŁEM
jankes83
Daj głownemu margin:auto;
krzysiekj
Cytat(jankes83 @ 10.02.2010, 11:02:45 ) *
Daj głownemu margin:auto;


Rewelacja kolego działa, zaraz sprawdzę czy działa na mojej właściwej stronie.

Problem rozwiązany dzięki koledze jankes83, można zamknąć. Dzięki.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.