Forum PHP.pl > divy/spany w jednej linii

Pomoc - Szukaj - Użytkownicy - Kalendarz

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

.radex

8.06.2006, 18:48:58

dopiero zaczynam przystosowywać się do divów i spanów zamiast tabel ale nie wiem jak zrobić coś takiego:
mam 3 panele w jednej linii: lewe menu, główny panel, prawe menu. i jak każdy panel jest w divie to przenosi się do następnej linii, a jak użyć spanów to ignoruje to width

ens0re

8.06.2006, 18:55:06

Cytat(radex_p @ 8.06.2006, 19:48 )

i jak każdy panel jest w divie to przenosi się do następnej linii, a jak użyć spanów to ignoruje to width

Nie rozumiem tego. A co do problemu to tworzysz 3divy w 1 głownym i nadajesz im pływanie(float: left/right). I na koncu stopka z 'clear: both;'.

.radex

8.06.2006, 19:09:08

Oto mój CSS

Kod

#leftmenu{

    border: 1px black solid;
    background:#2F2F2F;
    width: 120px;
    text-align: left;
    float: left;

}
#mainpanel{

    width: 570px;
    border: 1px black solid;
    background:#3F3F3F;
    text-align: center;
}
#rightmenu{
    border: 1px black solid;
    background:#2F2F2F;
    width: 120px;
    text-align: right;
    float: right;
}

To jest HTML(fragmeent):

[HTML] pobierz, plaintext 
<div id="leftmenu">lewy</div>
<div id="mainpanel">środek</div>
<div id="rightmenu">prawy</div>
[HTML] pobierz, plaintext

a oto problem:
robi się coś takiego, że leftm. i mainpan. są jakby połączone to dobrze, a rigm. zachowuje się dobrze( pływa na prawo) ale jest pod spodem. Tzn. w dobrym mniejscu, ale w złej kolumnie

ens0re

8.06.2006, 19:32:09

Dodaj do #mainpanel 'float: left;'

Vogel

9.06.2006, 12:46:42

zrob jak napisal ens0re i w #rightmenu zamiast float:right daj float:left

.radex

9.06.2006, 19:13:52

dzięki, poprawiłem i już działa

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.