Witam,
<div style="background: pink">
<div style="background: green; display:inline;">a<br>a<br>a<br>a</div>
<div style="background: yellow; display:inline;">b</div>
</div>
Div zielony rozciąga swoją wysokością div różowy - potrzebuje zrobić, aby div żółty miał taką samą wysokość co div zielony, czyli różowy.
Kombinowałem... i nie wiem jak to uczynić.
Moje pytanie: właśnie, jak to uczynić?
chodzi ci o cos takiego?
<div style="background: pink;">
<div style="background: green;float:left;height:100px;">aa</div>
<div style="background: yellow;display:inline;height:100px;position:absolute;">bbb</div>
<div style="clear:left;"></div>
</div>
Jeśli to normalny layout -- te trzy divy to kolumny z dowolną zawartością, a pod nimi też coś się znajduje -- to zupełnie źle się do tego zabierasz. Powinieneś użyć floatów. Pogooglaj sobie np. "fixed width three column layout", a jeśli któraś z kolumn ma dostosowywać swoją szerokość do okna przeglądarki, to zamień w zapytaniu "fixed width" na "liquid". Żeby uzyskać kolumny o takiej samej wysokości, możesz użyć metody zwanej "faux columns" lub hacka z ogromnym dopełnieniem i ujemnym marginesem ("equal height columns"). W razie potrzeby do zapytań możesz dodać "css" ;).