Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Zaglebione divy
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
kicaj
  1. body
  2. {
  3.        margin: 0px;
  4.        text-align:center;
  5. }
  6.  
  7. #container
  8. {
  9.        background:      red;
  10.        width:      780px;
  11.        margin:auto;
  12.        text-align:left;
  13. }
  14.  
  15. #main
  16. {
  17.        background:yellow;
  18.        width:400px;
  19.        float:left;
  20. }
  21.  
  22. #left
  23. {
  24.        background:white;
  25.        width:100px;
  26.        float:left;
  27.        margin:3px;
  28. }
  29.  
  30. #menu
  31. {
  32.        background:blue;
  33.        width:100px;
  34.        float:left;
  35. }
  36.  
  37. #bottom
  38. {
  39.        background:green;
  40.        width:100%
  41.        margin:auto;
  42. }
  43.  
  44.  
  45. <div id="container">
  46.      <div id="main">
  47.            <div id="left">
  48.                  lewa strona!
  49.            </div>
  50.      
  51.            tra strona odpowiesc<br />
  52.            a strona odpowifsdg<br />
  53.            gdfa strona odpowig<br />
  54.            fsa strona odpowid
  55.      </div>
  56.      <div id="menu">
  57.            menu
  58.      </div>
  59. </div>
  60. <div id="bottom">
  61.      stopka
  62. </div>

Nie moge osiagnac celu, poniewaz na FF nie jest tak jak na IE (Prawidlowo powinno byc jak na IE)
Jak to osiagnac?
revyag
1. Do #bottom dodaj styl: clear:both;
2. Pod #menu dodaj:
  1. <br class="clr" />
gdzie
Kod
br.clr {
    clear:both;
}


czyli to będzie tak:
  1. <div id="menu">
  2. menu
  3. </div>
  4. <br class="clr" />
NuLL
Witam,

Mam problem troche innego sortu lecz pasujący do tematu
Mam taki oto kod
  1. #container
  2. {
  3. height:170px;
  4. width:300px;
  5. }
  6. #menu
  7. {
  8. width:250px;
  9. margin:0 auto;
  10. height:32px;
  11. }
  12.  
  13. <div id='container'>
  14. Jakas tam tresc
  15. <div id='menu'>
  16. <a href='index.xml'>Link</a>
  17. </div>
  18. </div>

I teraz moje pytanie - czy da sie zrobie tak aby div #menu byl na samym dole diva #container niealezenie od tresci zawartej w containerze - czy to bedzie pusta czy tez bedzie duzo tekstu ?
revyag
Na razie przychodzi mi do głowy tylko użycie pozycjonowania absolutnego.
Wtedy trzeba zmienić sposób centrowania diva #menu.
Kod
#container
{
height:170px;
width:300px;
position:absolute;
}
#menu
{
width:250px;
position:absolute;
bottom:0;
left:50%;
margin-left:-125px;
height:32px;
}
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.