[CSS]css - szablon strony na divach Opcje

[newbbbie]

Witam, zabralem sie za rozgryzanie szablonu stron na DIVach.... beznajdzieja totalna... ;/ moze wkleje kod i wytlumacze o co mi chodzi

plik style.css:

[PHP] pobierz, plaintext 
body {
    margin: 0;
    padding: 0;
    background: white;
    font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #999999;
 
}
#naglowek {
  text-align: center;
  width: 800px;
  margin: 0 auto;
  background: pink;
  margin-top: 50px;
}
#strona {
  width: 800px;
    margin: 0 auto;
    background: #666666;
 
}
#menu {
 
  width: 150px;
  text-align: left;
  background: yellow;
  float: right; 
  overflow: hidden;
 
}
 
#tresc {
  width: 500px;
  float: right;  
  overflow: hidden;
  background: red;
  text-align: center;
 
}
 
#losowe {
 
  text-align: center;
    width: 150px; 
    overflow: hidden;
    background: red;
    float: right;  
}
[PHP] pobierz, plaintext 

plik index.html:

[HTML] pobierz, plaintext 
<div id="naglowek">
    naglowek
</div>
<div id="strona">
    <div id="menu">
    menu
     </div>
 
       <div id="tresc">
         index
       </div>
 
       <div id="losowe">
       losowe
       </div>
 
 
</div>
 
[HTML] pobierz, plaintext 

dlaczego kolor "strona" nie dziala?? myslalem ze caly obszar wolny (wokol tych elementow) bedzie miec taki kolor... na ie dziala a na ff juz nie...

Ten post edytował newbbbie 26.08.2009, 20:58:20

[Fafu]

po div#losowe daj

[HTML] pobierz, plaintext 
<div style="clear:both"></div>
[HTML] pobierz, plaintext 

[Kszyhuu]

Jak Ci coś nie leży, to zawsze możesz pobawić się w mniej przejrzyste, odlschoolowe tabelki.

[erix]

Powiedział, co wiedział...

dlaczego kolor "strona" nie dziala??

Puść gdzieś to na żywo.

[drake88]

Nie ustaliłeś wysokości w menu, to zakrywa cały div strona - proste.

[Crozin]

Wszystkie elementy wewnątrz div#strona mają float -> a więc są poza document flow -> a więc nie "rozciągają" swoich rodziców (ten DIV ma po prostu zero pikseli wysokości).
Ustawienie wspomnianego wcześniej clear:both "po" lub nieco estetyczniejsze i z reguły wygodniejsze: overflow: hidden dla div#strona powinno załatwić sprawę.

Jak Ci coś nie leży, to zawsze możesz pobawić się w mniej przejrzyste, odlschoolowe tabelki.

Nie żeby coś... ale jak się nie ma nic sensownego do powiedzenia to się przynajmniej milczeć powinno.

Ten post edytował Crozin 27.08.2009, 12:25:38

[newbbbie]

dzięki za pomoc. dopiero zaczynam z css, i dopiero lapie podstawy z tad takie pytanie
troszke nie rozumiem dlaczego tak sie dzieje ze parametr overflow dziala tak jak ja chcialem( w koncu hidden ukrywa nadmiar... - tak pisze w manualach ;] ) oraz nie wiem co do tego ma parametr float, ale to sobie doczytam. dzięki!
close.

Ten post edytował newbbbie 27.08.2009, 20:04:51