Forum PHP.pl > Ułozenie div'ów

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Ułozenie div'ów

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

hwao

21.04.2004, 14:23:30

Witam.
Potrzebuje ulozyc tak div'y:

Kod

    Logo

==============

L  |   C  | R

--------------

    Stopka

Tyle zeby jak "zabraklo" R to zeby div L "wjezdzal na jakgo miejsce" .
Narazie wymyslilem cos takiego:

Kod

<div style="width: 100%; border:1px solid #000; min-width: 600px;">

  Logo

</div>

<div style="width: 100%; border:1px solid #000; min-width: 600px;">

  <div align="left" style="width: 100px; border:1px solid #000;">

   lewa

  </div>

  <div style="border:1px solid red;">

    <div style="border:1px solid red; background-color: #f0f0f0;"> Środek </div>

    <div style="width: 100px;"> Prawa</div>

  </div>

</div>

<div style="width: 100%; border:1px solid #000; min-width: 600px;">

    stopka

</div>

Ale nie dosc ze to nie jest zapiekne to jeszcze nie dziala dobrze

Zajec

21.04.2004, 15:03:33

możesz sprecyzować wjeżdżanie L na R ?

hwao

21.04.2004, 15:27:16

Kod

+-------+

|       +

+-+---+-+

| |   | |

| |   | |

+-+---+-+

+-------+

L- left R- right

eby tak wygladalo ale jak skrypt nie wygeneruje div'a R to zeby srodek rozciagnol sie i zasotpil miejsce tego R

Bags_Bunny

21.04.2004, 15:48:58

[xml:1:b2687c4bc5] <div style="background-color: blue;">header</div>
<div style="background-color: red;">
<div style="float: left; background-color: green;">left</div>
<div style="float: right; background-color: black; color: white;">right</div>
main
</div>
<div style="background-color: blue;">footer</div>[/xml:1:b2687c4bc5]
przy czym te background-color to byly w celach testowych

hwao

21.04.2004, 15:53:24

Bags_Bunny wielkie dzieki dziala idealnie

Sam bym tego nie wymyslil ;-)

hwao

22.04.2004, 10:15:47

Teraz mam tak...
plik.htm

Kod

<div id="top">

LOGO

</div>

<div id="belka">

belka

</div>

<div id="srodek" style="text-align: justify;">

<div style="float: left; width: 150px; height: 100%;"> lewa </div>

<div style="float: right; width: 150px; height: 100%;"> Prawa </div>

Srodek

</div>

style.css

Kod

#top {

    background-image: url();

    border: 1px #000 solid;

    text-align: center;

    margin-top: 20px;

    height: 60px;

    voice-family: inherit

}

#belka {

    top: 90px;

    position: absolute;

    border: 1px solid red;

    width: 750px;

    margin-left: -375px;

    left: 50%;

}

#srodek {

    top: 120px;

    position: absolute;

    width: 750px;

    margin-left: -375px;

    left: 50%;

}

Wszytko jets bardzo ladnie tylko .... jezeli w srodku wiecej info niz po prawej albo po lewej to tn tex zostaje zalany a ja che zeby srodek to byl "jedna kolumna" tzn ze bedzie szedl prosto w dul a nie zalewal text jak to zrobic ?
Jezeli nie wiece oco chodzi to wpiszcie sobie zamiast Srodek paredzisoat "t t t t t t t t t t t t t t t t t t t t t t t t " [...]
Bardzo prosze o pomoc

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.