Forum PHP.pl

Witam,

Mam dosc oklepany temat, ale nie moge sobie z nim poradzic. Na mojej stronie mam duzo warstw (DIV) i efekt jest w miare dobry, to znaczy nie moge ustawic dobrej wysokosci strony. Generalnie dlugosc jest zmienna (to nie powoduje problemu, wydluzenia sa w porzadku), natomiast problemem jest zle wyrownanie warstwy glownej, tzn. jest ona za dluga sama w sobie.

Uproscilem schemat strony i jak widzicie, glowna warstwa czerwona jest za dluga. Jak zrobic, aby pokrywala sie z niebieska ? Jesli zostawie tak, jak jest, to na stronie mam po prostu wolne miejsce na dole i brzydko to wyglada, chcialbym dociac warstwe jakos do dlugosci podrzednej niebieskiej.

Nie moge dac na sztywno dlugosci czerwonej, bo nie znam jej jeszcze w tym momencie. Warstwa niebieska sama sie rozszerza w dol i to ona zaweira praktycznie tresc strony.

W kodzie widac resztki ekperymentow, bo probowalem sam cos zrobic, ale nie wyszlo.
Kod:

[HTML] pobierz, plaintext 
<DIV id="glowny" style="
   position: relative; margin-left: auto; margin-right: auto; top: 0px; width: 1028px; border: 0px; background-color: #ff0000;
   overflow: none;">
 
 <DIV id="lewy" style="
   position: relative; position: inline; clear: both; float: left; left: 0px; top: 0px; width: 175px; height: 366px; background-color: #ffff00;">
 </DIV>
 
 <DIV id="prawy" style="
   position: relative; position: inline; clear: both; left: 175px; top: -366px; width: 853px; min-height: 366px; background-color: #00ff00;">
 
  <DIV id="unname" style="
    position: relative;
   clear: both;
   overflow: hidden;
   left: 0px;
   top: 129px;
   width: 853px;
   height: 420px;
   background-color:#0000ff;">
a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>
a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>
  </DIV>
 
 </DIV>
 
</DIV>
[HTML] pobierz, plaintext 

Dziekuje za sugestie.

ale bałagan jednym słowem !

[CSS] pobierz, plaintext 
<DIV id="glowny" style="
   margin: 0 auto; width: 1028px; background-color: #ff0000;
   overflow: hidden;">
 
 <DIV id="lewy" style="
    float: left; width: 175px; height: 366px; background-color: #ffff00;">
 </DIV>
 
 <DIV id="prawy" style="float: left; width: 853px; min-height: 366px; background-color: #00ff00;">
 
  <DIV id="unname" style="
   position: relative;
   clear: both;
   overflow: hidden;
   left: 0px;
   top: 129px;
   width: 853px;
   height: 420px;
   background-color:#0000ff;">
a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>
a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>
  </DIV>
 
 </DIV>
 
</DIV>
[CSS] pobierz, plaintext 

Troche mam awersje do "odkrywcow", ktorzy ostrzegani przeze mnie o syfie w kodzie wyrazaja tozsame zdanie na ten temat i podaja jeszcze zle rozwiazanie.
Uciales gore niebieskiej warstwy, kolego, nie mowiac juz o rozjechaniu poziomym i o samym "core" problemu, czyli dalej wystajacej wartwie glownej-czerwonej.

Z tego wzgledu preferowalbym rozwiazania sprawdzone, jesli nikt nie ma nic przeciwko.

Jakby to bylo latwe, to bym sie nie pytal ;-) Zreszta, nie chcialem poswiecac problemowi dluzej, jak 5 minut i dostalem za swoje - wystarczylo pomyslec 10 :-)



Ten post edytował a600user 13.05.2010, 14:36:21