Witam.
Robię stronkę. Chciałbym, żeby była zgodna ze standardami.
Zrezygnowałem więc z tabelek, bo sprawiają one za dużo problemów (i używanie ich jest błędem).
Pojawił się jednak problem. Chciałbym, żeby strona wyglądała jak na obrazku 1.
Niestety gdy do divów 2 i 3 dodam argument "float: left" i "float: right" to osiągam efekt jak na obrazku 2
(czyli divy nie kończą się w divie 1, tylko poniżej).

Ma ktoś pomysł, co z tym zrobić?

Pozdrawiam.

Gdzieś wcięło obrazki :/

Od kiedy tabele są nie zgodne z XHTML czy HTML ?

Skleroza:



poki289: Tabele nie są stworzone do osadzania w nich elementów strony, do tego służą divy: http://osiolki.net/tabelki/

Są przestarzałe... ja ogólnie tabel od 2 lat nie stosuję.

Nie widzę obrazków, ale podejrzewam że w jednym divie chcesz ustawić 2 divy obok siebie(na np. menu i newsy):

[HTML] pobierz, plaintext 
<div id="glowny">
 
<div id="lewy"></div>
<div id="prawy"></div>
 
<div id="stopka"></div>
</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
#glowny
{
  width: 100%;
  border: 1px solid red;
  margin: 0 auto;
  padding-top: 100px;
}
 
#lewy
{
  width: 30%;
  min-height: 500px;
  float: left;
  display: block;
  border: 1px solid blue;
}
#prawy
{
  width: 65%;
  min-height: 500px;
  float: left;
  display: block;
  border: 1px solid green;
}
#stopka
{
  clear: both;
  width: 100%;
  float: left;
}
[CSS] pobierz, plaintext 

Spróbuj tego, pisane na szybko

jak nie będzie się rozciągać to przestaw stopkę za div glowny

Obrazek jest już w 2 moim poście.

emtiej: to samo się robi, o czym ja pisałem.
divy są poniżej diva głównego, a nie w nim ;(

daj sobie przed zamknięciem diva głownego takiego diva:


u mnie działa.

co do tabel - pokiemu chyba chodzi o to, ze są one zgodne z xhtml, z tym, że powinny być używane tak jak je bozia stworzyła, czyli do prezentacji danych tabelarycznych.

kazag, dzięki.