3 div'y obok siebie

[Quan]

Witam,

nie mogę sobie poradzić z ustawieniem 3 div'ów obok siebie z tym, że problem jest z tym ostatnim.

• Pierwszy div ma stałą szerokość
  
• Drugi także ma ustaloną szerokość
  
• Trzeci chciałbym aby w zależności od wielkości okna miał różną szerokość
  

Jeśli ustawię np wszystkie div'y jako position: absolute to sobie je poukładam bez problemu ale szerokość 100% dla trzeciego jest brana jako szerokość między marginesami i div nie ma szerokości od drugiego div (pozycji własnej) do marginesu prawego lecz jest szeroki na całe okno z przesunięciem o pozycje własną w prawo. co powoduje pojawianie się już poziomego paska przewijania w przeglądarce.

Jak by można ustawić szerokość tego ostatniego div'a aby nie był tak szeroki a nadal nie na sztywno wartość.

[GEGE]

float: left nie pomaga?

[Quan]

float: left przy 3 divie troche traci u mnie na znaczeniu. Musiałbym chyba umieścić pierwsze dwa w jednym wspólnym kontenerze a potem dodać ten trzeci ale wolałbym unikać div w div. Owszem przy float left też ustawie je obok siebie ale nadal szerokość 100% dla 3 będzie brana z całości strony. Szkoda, że nie można dawać szerokości jako np 100%-50px

Edit:

Udało mi się osiągnąć zamierzony cel dając width: auto; ale działa to poprawnie tylko w firefox i opera bo IE interpretuje szerokość w zależności od ilości teksu w bloku.

Znacie jakiś trick na to do IE.

Edytowane 11 Grudnia 2006 przez Quan

[SEOMAN]

Może to Ci pomoże: https://css.maxdesign.com.au/floatutorial/tutorial0916.htm Prosty tutek niestety divy w divie są. To 100%-50px mozesz zapisac jako jakis tam procent z np 800 czy 1024 czy innej szerokosci. Poza tym ilosc px w FF jest różna od IE 7 i niestety często trzeba haka używać, bo zapis tego samego diva w jednym pliku.css jako

* html #tensamdiv {}

pod IE 7 nie działa.

[Quan]

Chyba jednak zrobię sobie 2 wersje wyglądu tzn ze względu, że nie lubię IE to pod tymi przeglądarkami ustawię na sztywno szerokość 3 div'a a dla pozostałych które potrafią dać dobrze width: auto umieszcze w

html>body #div-right {
width: auto;
}

Edytowane 11 Grudnia 2006 przez Quan