[css] wysokosc div'a Opcje

[bmL]

Witam,
kolejne głupie pytanko z mojej strony (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Załóżmy, że mam kod html:

[HTML] pobierz, plaintext 
<table>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>
[HTML] pobierz, plaintext 

No i teraz lewa i prawa kolumna zawiera jakieś tło nieważne jakie w zależności od zawartości środkowej kolumny one przyjmują taką samą wysokość jak ta środkowa.
Czy da się uzyskać identyczny efekt stosując kontenery?

[Hazel]

[HTML] pobierz, plaintext 
<style>
div { height: 100px }
</style>
[HTML] pobierz, plaintext 

Ta właściwość przykładowo określa wysokość wszystkich divów na stronie na 100 pikseli.

[bmL]

Źle mnie zrozumiałeś. Nie mogę określić wysokości tych kontenerów i w tym tkwi problem.
Jeżeli treść środkowego kontenera przekroczy przykładowe 100px to środkowy kontener będzie miał większą wysokość niż te po bokach.
A ja nie jestem w stanie określić wysokości tego kontenera ponieważ jego treść jest generowana dynamicznie załóżmy, że znajdują się tam np newsy.
Próbowałem czegoś takiego:

[HTML] pobierz, plaintext 
<div id="all">
  <div id="lewa" style="height: 100%"></div>
  <div id="srodek"></div>
  <div id="prawa" style="height: 100%"></div>
</div>
[HTML] pobierz, plaintext 

Ale to daje efekt dopiero wtedy kiedy kreślę wysokość kontenera "all".
Znalazłem trochę inne rozwiązanie ale one wcale nie określa wysokości pobocznych divów właściwie je wyklucza.
Chociaż pytanie jest nadal aktualne jestem ciekaw czy da się jakoś wyrównać poboczne divy do wysokości środkowego?
EDIT:
Problem rozwiązany (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

index.html

[HTML] pobierz, plaintext 
<div id="lewa"></div>
  <div id="srodek"></div>
  <div id="prawa"></div>
[HTML] pobierz, plaintext 

style.css

[HTML] pobierz, plaintext 
#lewa, #srodek, #prawa {
	display: table-cell;
}
[HTML] pobierz, plaintext 

EDIT (znów):
Jednak rozwiązanie to działa tylko pod FF jakieś sugestie?

Ten post edytował bmL 18.08.2007, 14:03:09

[Kreton]

Nie wiem czy dobrze rozumiem. Chodzi ci może o Faux Columns ?
Z technicznego punktu widzenia jest to nie do uzyskania. Z graficznego punktu widzenia jest to do uzyskania.

Ten post edytował Kreton 18.08.2007, 20:17:06

[bmL]

To rozwiązanie znalazłem już wcześniej pisząc kilka postów wyżej:
"Znalazłem trochę inne rozwiązanie ale one wcale nie określa wysokości pobocznych divów właściwie je wyklucza."
chodziło mi właśnie o to (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) Szkoda, że wszystko jest tak ograniczone przez ie...

Mam jeszcze jedno pytanko odnośnie css. Mianowicie załóżmy, że mam takie coś:

[HTML] pobierz, plaintext 
<div style="width: 100px; display:inline">abc</div>
<div style="width: 100px; display:inline">def</div>
[HTML] pobierz, plaintext 

W IE i Opera jest wszystko ok ale w FF i Mozilli ignorowana jest szerokość kontenera...
Zrobiłem to tak, że w zależności wykrytej przeglądarki danym kontenerom przypisany jest atrybut inline albo table-cell.
Ale zastanawiam się czy jest na to jakiś inny sposób.

Ten post edytował bmL 18.08.2007, 21:20:44

[post]

Ja radze sobie z tym w inny sposob.
Tworze nowego diva (id="all") w ktorym zamykam sobie pozostale dwa (menu,content).
Wycinam przez szerokosc calej strony (tj. menu + content) 10px pasek.
Teraz divowi ALL nadaje w stylu css tlo obrazkowe (ten pasek, ktory wycialem)
do tego repeat:y;.

[Predator446]

Z 2 divami to bez problemu Faux Columns, a gdy miałem wyrównać wysokość 3 divów to już użyłem js i chodzi...