Witam,
mój problem: mam 3 elementy div w jednej lini, chcę aby pierwszy zajmował 50% dostępnego miejsca, drugi np. 900px i trzeci również 50% dostępnej szerokości. Oczywiści wiem, jak to uzyskać "starym sposobem" za pomocą tabelek:

[HTML] pobierz, plaintext 
<table border="1">
<tr>
<td width="50%"></td>
<td width="900"></td>
<td width="50%"></td>
</tr>
</table>
[HTML] pobierz, plaintext 

A nowy nie działa:

[HTML] pobierz, plaintext 
<div style="width:50%; border:1px solid #000; float:left;"></div>
<div style="width:900; border:1px solid #000; float:left;"></div>
<div style="width:50%; border:1px solid #000; float:left;"></div>
[HTML] pobierz, plaintext 

Proszę o pomoc.

ustawianie szerokości DIV-a ma to do siebie, że suma szerokości elementów w jednej linii nie może być większa od szerokości okna przeglądarki. czyli jesli DIV1 ma szerokosc 50% czyli pół okna przeglądarki a div 3 ma tez 50 % wiec gdzie chcesz wcisnąć 900px? poza tym twój css jest niepoprawny. poniewaz gdy deklarujesz szerokosc w pikselach musisz napisac jednostkę czyli 3 div musi wygladac tak:

[HTML] pobierz, plaintext 
<div style="width:900px; border:1px solid #000; float:left;"></div>
[HTML] pobierz, plaintext 

ale nie o to Ci chodzi w tym momencie wiec.
1. staraj sie uzywac jednej jednostki albo % albo px zwieksza to czytelnosc kodu
2. obramowanie liczy sie do szerokosci diva czyli jesli div ma 900 px a ty dasz obramowanie grubosci 1 px to twoj div ma 902px;
3. podam Ci przykładowy kod tylko nie pamietam teraz wszystkich wymiarów ale to sobie pododajesz tak zeby było dobrze.

[HTML] pobierz, plaintext 
<STYLE>
<STYLE>
#lewy_div{
float: left;
width: 250px;
border-left: 1px solid black;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
#prawy_div{
float: left;
width: 250px;
border-right: 1px solid black;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
 
#srodkowy_div{
float: left;
width: 450px;
border-right: 1px solid black;
border-top: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black}
</STYLE>
<div id="lewy_div">tekst</div>
<div id="srodkowy_div">tekscik</div>
<div id="prawy_div">tekscik</div>
[HTML] pobierz, plaintext 

---
Pozdrawiam
xbigos

xbigos, dzięki za pomoc, ale nie jestem idiotą. Jeżeli mógłbym poustawiać szerokość dokładnie co do piksela, to bym tak zrobił. Chodzi u mnie o to, że jeden DIV ma szerokość 900px i pozostałą szerokość ekranu, która pozosta, chcę równo rozdzielić na dwie strony. Użytkownicy używają różnych rozdzielczości, dlatego użyłem procentów.

<div>//ten 900px</div>
<div>//tego ustawiasz sobie tak zeby nie byl za wielki czyli to co CI zostalo w oknie

<div>// a ten dajesz po 50%</div>
<div>// a ten dajesz po 50%</div>
</div>
no i float:D
---
Pozdro
P.S nie twierdzilem ze jestes idiotą

No tak, tylko ten DIV 900px-owy ma być w środku i tu jest ten gwóźdź. Zaczynam wątpić, czy da się to zrobić w CSS.

Da sie:) w css-ie wszystko sie da:)


Innej opcji nie ma bo poprostu Ci sie to wszystko nie pomieści. Nie wiem czy dobrze zrozumiałem:)
Wydaje mi sie ze chodzi Ci o to ze chcesz miec na sztywno ustawione 900px dla srodkowego diva a lewy i prawy maja Ci sie automatycznie dopasowywać do reszty strony. Jesli nie to powiedz dokładnie co zamierzasz uzyskac to pomyslimy cos wiecej

Dobrze zrozumiałeś, tylko dlaczego akurat 4% szerokości?

bo wiecej sie nie zmiesci. patrz przylóżmy ze okno przegladarki ma 1000px chcesz miec na sztywno 900px dajesz do tego 1px obramowanie czyli
lewe obvramowanie + div srodkowy + prawe obramowanie = 1px + 900px + 1px = 902px;
i z okna przegladarki zostaje CI 98px bo 1000px - 902px = 98px
lewe okno chciales ustawic na 50% czyli 50% z 100px = 500px dodajac obramowanie lewe +1px == 501px
prawe okno chciales tak samo ustawic na 50% == 500px dodajac obramowanie np tylko prawe czyli + 1px == 501px;
a wiec
lewe okjno + prawe + srodek = 501px + 501px + 902px = 1904px;
gdzie chcesz to zmiescic?
4% ustawilem bo jesli podasz wymiar okna w procentach to dopasuje Ci sie automatycznie do rozdzielczosci ekranu.
a wiec
4 % z 1000px = 40px
teraz dodajesz obramowanie z jednej strony 1 px
40px + 1px = 41px;
41px * 2 (bo masz dwa okna po 4 %) = 81px
902px + 81px = 983px;
A wiec rozmiar strony masz 983px
Dlatego 4px bo jak dasz 5% to wtedy rozmiar strony mialby 1004px i nie zmiescil by Ci sie w przegladarce i float by nie zadzialal. mam nadzieje ze sie nigdzie nie pogubiłem.
Pewnie jest jakies inne rozwiazanie ale ja go nie znam, ja stosuje zupelnie inny sposob tworzenia stron.
---
pozdrawiam
xbigos

Tutaj masz takie które są z podziałem na 3 kolumny, takie ze stałą szerokością, i z taką na %:
http://blog.html.it/layoutgala/
a tutaj jeszcze jeden:
faux-css-layouts