Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: pozycja div'ow
Forum PHP.pl > Forum > Po stronie przeglądarki
TroYan
witam, mam następujący problem. otóż mam sobie taki kodzik strozny:

  1. <div id="logo">LOGO</div>
  2.  
  3. <div id="body">
  4. <div id="srodek">
  5. <div id="menu_bar">menu gorne</div>
  6. <div id="zawartosc">
  7.  
  8. <div id="menu_side">
  9. MENU_boczne
  10. </div>
  11.  
  12. <div id="tresc">
  13. treść strony
  14. </div>
  15. </div>
  16. </div>
  17. <div id="footer">jakas stopka</div>
  18. </div>
  19. </body></html>



do tego css:

Kod
body {

text-align: center;
color: black;
font-size: 11px;
font-family: arial;
background-color:    #cc0000;

}

#body {

position: absolute;
top: 150px;
left: 0px;
width: 100%;
text-align: center;
margin: 0 auto;


}


div {

margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;


}

#logo {

position: absolute;
top: 0px;
left: 0px;
margin: 0 0 0 0;
width: 100%;
height: 200px;
background: url("bglogo.png");


}

#srodek {

width: 800px;
min-height: 200px;
margin: 0 auto;

}

#menu_bar {

width: 800px;
border: dashed 1px gray;
height: 30px;
margin: 0 0 0 0;
-moz-border-radius: 4px;
background-color:     #F0E68C;

}



#zawartosc {

width: 800px;
border: dashed 1px gray;
margin: 0 0 0 0;
-moz-border-radius: 4px;
background-color: #ffcc00;

}

#menu_side {

width: 150px;
border: solid 2px white;
float: left;

}

#tresc {

width: 620px;
border: solid 2px white;
float: left;

}


#footer {

postion: relative;
bottom: 0px;
left: 0px;
width: 100%;
height: 200px;
background: url("bgfoot.png");
margin: 0 0 0 0;


}


w firefoxie napis ze stopki ucieka mi tak jakby też miał właściwość "float: left;" a takiej oczywiście nie ma. Internet Explorer 7 pokazuje stronkę tak jakbym chciał żeby wyglądała, ale (paradoksalnie tongue.gif) domyślam się, że to raczej coś nie tak z explorerem biggrin.gif

link: http://trn.cba.pl/index.html
link do css: http://trn.cba.pl/style.css
trucksweb
  1. #footer {
  2.  
  3. postion: relative;
  4. bottom: 0px;
  5. left: 0px;
  6. width: 100%;
  7. height: 200px;
  8. clear: both;
  9.  
  10. background: url("bgfoot.png");
  11. margin: 0 0 0 0;
  12.  
  13.  
  14. }
TroYan
ok napis w porządku tylko jeszcze div "zawartosc" się nie rozciąga, da się coś z tym zrobić?
trucksweb
jak sie ma rozciagac ?
przeciez dales mu na sztywno szerokosc 800px ?
TroYan
w dół. bo div zawartosc ma w sobie dwa divy, menu_side i tresc. i (pod explorerem widac, ma żółte tło) i zależnie od wysokości "tresc" zmieniałby swoją wysokość, jednak pod firefoxem tak się nie dzieje
Shili
Spróbuj dodać styl overflow: hidden;
TroYan
dziala, dzieki
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.