eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwCSS - rozciąganie kontenera, problem
Ilość wypowiedzi w tym wątku: 2

  • 1. Data: 2009-11-17 19:31:24
    Temat: CSS - rozciąganie kontenera, problem
    Od: Bartek <p...@g...com>

    Witam,
    Tworzę layout z cssem i mam problem. Nie rozciąga się kontener i
    kończy się wcześniej niż warstwa znajdująca się w nim. Nie pomaga
    ustawienie overflow, ani nic innego co znalazłem w google.
    Może być to coś banalnego, ale albo nie mogę zauważyć, albo o czymś
    nie wiem. Będę bardzo wdzięczny za pomoc :)
    Poniżej zamieszczam kod.
    Wielkie dzięki.

    <body>
    <div id="all">
    <div id="all2">
    <div id="content">
    <div id="b1"></div>
    <div id="b2"></div>
    <div id="b3"></div>
    <div id="mid">
    <div id="lewa">sss<br/>sss<br/>sss<br/>sss<br/>sss<br/>ss
    s<br/
    >sss<br/>sss<br/>sss<br/>sss<br/>sss<br/>sss<br/>sss
    <br/>sss<br/
    >sss<br/>sss<br/>sss<br/>sss<br/>sss<br/>sss<br/>sss
    <br/>sss<br/
    >xxx<br/></div>
    <div id="t2">
    <div id="t1">
    <div id="t3">
    sd df dfgh dfgh <br/>er<br/>re<br/>wer<br/>wert<br/>wert<br/
    >wetr<br/>wet<br/>wert<br/>xxxxxxxxxx--><br/><br/>Ba
    rtek<br/>Bartek<br/
    ><br/><br/>xxxxxxxx<br/>xxxxxxxxxxx<br/><br/>aaaaa<b
    r/>aaa<br/><br/>
    </div>
    </div>
    </div>
    <div id="ja" style="clear: both;">CLEAR</div>
    </div>
    </div>
    <div id="stopka">STOPKA</div>
    </div>
    </div>
    </body>


    BODY {font-family: Verdana; font-weight: none; font-size: 12pt; color:
    #000000; margin: 0px; text-align: center; line-height: 18pt;
    background-color:beige;}
    #all {width: 100%; margin: 0 auto; text-align: center; background-
    image:url('img/gora.gif');
    background-repeat:repeat-x;
    background-position:top left;background-color:yellow;}
    #all2 {width: 100%; margin: 0 auto; text-align: center; background-
    image:url('img/dol.gif');
    background-repeat:repeat-x;
    background-position:bottom;}
    #content {width: 950px;}
    #b1 {background-image: url(img/b1.jpg); width:950px; height:30px;
    position:absolute; top:60px; left:0px; }
    #b2 {background-image: url(img/b2.jpg); width:950px; height:111px;
    position:absolute; top:90px; left:0px; }
    #b3 {background-image: url(img/b3.jpg); width:950px; height:27px;
    position:absolute; top:201px; left:0px; }
    #mid {width:100%; border: 1px solid #000000; position: relative; top:
    228px;}
    #lewa {float: left; width:225px;}
    #t2 {background: transparent url(img/t2.gif) top left repeat-y; width:
    725px; float:right; }
    #t1 {background: transparent url(img/t1.png) top left no-repeat; width:
    725px; position:relative; top:0px; left:0px;z-index:2;}
    #t3 {background: transparent url(img/t3.gif) bottom left no-repeat;
    width:725px; position:relative; top:0px; left:0px; z-index:2;text-
    align:left;}
    #stopka {height:50px;text-align:left;}

    --
    Pozdrowienia
    Bartek
    www.przezswiat.pl podróże wyprawy


  • 2. Data: 2009-11-18 09:05:51
    Temat: Re: CSS - rozciąganie kontenera, problem
    Od: "Marek" <m...@s...interia.pl>

    Nie analizowałem kodu gdyż przyczyna takiego zachowania jest bardzo
    standardowa i wydaje mi się, że powtarzasz typowy błąd. Otóż przypuszczalnie
    wewnątrz tego DIVa stosujesz innego z atrybutem float i zapomniałeś wstawić
    za nim z kolei <div style="clear:both"></div>

strony : [ 1 ]


Szukaj w grupach

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: