Dwa elementy obok siebie. Opcje

[webdice]

Witam,

mam DIV'a o stałej szerokości (załóżmy 500px), w nim kolejne dwa z tym że o szerokości ustalanej w procentach. Do tego momentu wszystko jest w porządku, problem zaczyna się jak dodam obramowanie dla wewnętrznych elementów (układają się jeden pod drugim). Czy jest na to jakieś rozwiązanie.

[sowiq]

Masz kilka możliwości, ale z nich wszystkich Twoje rozwiązanie wydaje się być najbardziej eleganckie:
- ujemne marginesy + padding-left: 4px dla rodzica
- JS
- CSS expressions
- outline zamiast border, ale tego nie obsługuje IE
- 2-komórkowa tabelka


BTW, jakoś tak jest, że za pomocą tabelek wiele robiłoby się najprościej, chociażby centrowanie pionowe...

[edit]

[HTML] pobierz, plaintext 
<div style="width: 500px; height: 150px; border: 1px solid #00f;">
		   <div style="float: left; height: 100px; width: 30%;">
			<div style="height: 100px; background: #ff0; border: 1px solid #000;"></div>
		</div>
		<div style="float: left; height: 100px; width: 70%;">
					<div style="height: 100px; background: #f00; border: 1px solid #000;"></div>
		</div>
</div>
[HTML] pobierz, plaintext 

Ten post edytował sowiq 24.04.2009, 12:08:02