Zaloguj się

B4rteq · 25-03-2009, 20:00

Witam mam pewien problem z zwijaniem wierszy od kilku godzin kombinuje i nie wiem jak sie za to zabrac, wiecp omyslalem ze przyda sie pomoc Smile

Uklad strony ktora projektuje wyglada mniej wiecej tak:
<div id="pojemnik">
<div id="lewy"></div>
<div id="prawy"></div>
<div id="koniec"></div>
</div>

"pojemnik" ma stala szerokosc 760px. "lewy" i "prawy" pływaja obok siebie i oczywiscie w sumie tez maja 760px. Problem tkwi w tym ze jak np; lewy wypelnie tekstem dluzszym niz jego okreslona stala szerokosc to tekst ten wychodzi poza pojemnik na "prawy". Mozna jakos temu zaradzic bez dodawania "<br>" po kazdej linijce tekstu? Margin-right nie pomaga. Z gory dziekuje za odp!

**Labsta.com** · 25-03-2009, 22:05

Witam.

Daj link albo podeślij kod, to damy rade.

B4rteq · (Ten post był ostatnio modyfikowany: 26-03-2009, 05:12 przez B4rteq.)

No więc kod wyglada nastepujaco:

index.html

Kod:
<html>

<head>

<link rel="stylesheet" type="text/css" href="style.css" />

</head>

<body>

    <div id="pojemnik">

        <img src="img/logo.png">

        <img src="img/gora.png">

    <div id="lewy">

        <p>

        Jakis dlugi tekst ... .... .... .... .... .... .... .... .... .................................... .... .... .................. 

        </p>

    </div>

    <div id="prawy">

            <p>

                Jakis dlugi tekst 2 ........................................................

            </p>

    </div>

    <div id="koniec">&nbsp;</div>

        <img src="img/dol.png">

    </div>

</body>

</html>

Style.css

Kod:
html, body {

    margin     : 0px;

    padding    : 0px;

    background : white;

}

#pojemnik {

    width      : 760px;

    margin     :0px auto;

    margin-top    : 20px;

    padding    : 0px;

    background : url("img/tlo.png") repeat-y 50% 0 white;

}

#lewy {

    width             : 543px;

    float             : left;

    margin-top: 10px;

    margin-right: 50px;

    margin-bottom: 10px;

    margin-left: 0px

}

#prawy {

   float         : right;

   width         : 217px;

}

#koniec {

    clear : both;

    height : 50px;

}

p{

    text-align        : left;

    margin-right            : 50px;

    padding-right            : 50px;

    }

Margin-right probowalem dodawac praktycznie wszedzie w body, "pojemnik", "prawy", "lewy" nic nie pomoglo. Jakby ktos mial jakis pomysl to prosze o odpowiedzi Smile

**Labsta.com** · 26-03-2009, 19:43

B4rteq · 26-03-2009, 20:07

Heh myslalem ze trafil mi sie bardziej zlozony problem Tongue

Dzieki za odp. Pozdrawiam.

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie