Forum PHP.pl > [CSS][HTML]rozciaganie kolumny

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS][HTML]rozciaganie kolumny

Oczko21

17.04.2010, 17:39:42

Witam, zrobilem prosta stronke i chcialem ja osadzic na divach. Napotkalem na problem z ktorym sie juz troche czasu mecze i mam nadzieje ze ktos z forum jest w stanie mi pomoc, a wiec tak:
stronke ulozylem w taki sposob:
strona
Chcialbym aby ten czarny prostokat, a w rzeczywistosci obrazek byl powielany pionowo. Problem w tym ze nie wiem w jakis sposob moge rozciagnac lewa kolumne do takiej samej wysokosci jaka ma prawa(jest zalezna od tekstu). Innymi slowy aby ten czarny prostokat byl powielany w miejscu 'X'

Oto kod:

Kod

#dol {
    height:auto;
    width:950px;
}

#lewa {
    width:320px;
    height:auto;
    float:left;
}

#bar {
    background-image:url(images/2szymon_06.gif);
    background-repeat:repeat;
    width:30px;
    height:400px;  /*AUTO*/
    float:left;
}

#button {
    background-image:url(images/2szymon_07.gif);
    background-repeat:no-repeat;
    height:38px;
    width:290px;
    float:left;
}

#spacer_1 {
    background-image:url(images/2szymon_15.gif);
    background-repeat:no-repeat;
    height:11px;
    width:290px;
    float:left;
}

#info {
    background-image:url(images/2szymon_17.gif);
    background-repeat:repeat;
    height:auto; /* AUTO */
    width:290px;
    float:left;
}

#prawa {
    height:auto;
    width:620px;
    overflow:hidden;
}

#logo_3 {
    background-image:url(images/2szymon_08.gif);
    background-repeat:no-repeat;
    height:51px;
    width:620px;
    overflow:hidden;
}

#spacer_2 {
    background-image:url(images/2szymon_10.gif);
    background-repeat:no-repeat;
    height:55px;
    width:620px;
    overflow:hidden;
}

#tlo {
    background-image:url(images/2szymon_20.gif);
    background-repeat:repeat-y;
    width:620px;
    height:auto;
    overflow:hidden;
}

#menu_1 {
    background-image:url(images/2szymon_12.gif);
    background-repeat:no-repeat;
    height:33px;
    width:584px;
    margin-left:18px;
}

#menu_2 {
    background-image:url(images/2szymon_14.gif);
    background-repeat:no-repeat;
    height:262px; /* AUTO */
    width:584px;
    margin-left:18px;
    margin-bottom:50px;
}

index:

[HTML] pobierz, plaintext 
<div id="dol">
	<div id="lewa">
		<div id="bar"></div>
        <div id="button"></div>
        <div id="button"></div>
        <div id="button"></div>
        <div id="button"></div>
        <div id="spacer_1"></div>
        <div id="info"></div>
    </div>
	<div id="prawa">
    	<div id="logo_3"></div>
        <div id="spacer_2"></div>
        	<div id="tlo">
            	<div id="menu_1"></div>
                <div id="menu_2"></div>
            </div>
    </div>
</div>
 
[HTML] pobierz, plaintext

krzysztof_kf

17.04.2010, 17:55:03

Dla diva doł dodaj

[CSS] pobierz, plaintext 
#dol {
overflow: hidden;
background: #000;
[CSS] pobierz, plaintext

Oczko21

17.04.2010, 19:47:22

Dzieki, nie o to mi chodzilo, ale nakierowales mnie na dobry trop i poradzilem sobie ;-)

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.