Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] wielkość div'a, pozycjonowanie.
Forum PHP.pl > Forum > Przedszkole
gebp
Witam. nie będę się rozpisywał. Próbuję ustawić 3 div'y w klasyczny sposób: góra (logo, reklama ect) lewo (linki) prawo (treść).

style.css
  1. DIV#gora
  2. {border: 0px;
  3. background-color: #8080ff;
  4. padding: 0px;
  5. height: 20%;
  6. width: 100%;
  7. position: absolute; top:0px; left:0px; right:0px;
  8. }
  9. DIV#linki
  10. {border: 0px;
  11. background-color: #00ffff;
  12. padding: 4px;
  13. height: 80%;
  14. width: 20%;
  15. position: absolute; top:20%; left:0px;
  16. }
  17. DIV#tresc
  18. {border: 0px;
  19. background-color:#ffff80;
  20. padding: 4px;
  21. height: 80%;
  22. width: 80%;
  23. position: absolute; top:20%; left:20%;
  24. }


Po części odniosłem sukces ale:
1. w FF div'y rozjeżdżają się poza okno tak w dół jak i w prawo (przez div'a tresc). Dlaczego questionmark.gif?
2. W IE to już zupełna klęska. O dziwo tu strona trzyma się w "ramach" ale znowu miedzy linki a tresc występuje przerwa i po prawej stronie jest od góry do dołu jest biały pasek. Dlaczego questionmark.gif?

Dopiero zaczynam css i nie zabardzo wszystko pojmuje. Niech ktoś rzuci na to wytrawnym okiem i podsunie jakieś rozwiązanie.

A tak BTW. Czy zawsze są takie różnice między FF i IE? Z ramkami nie ma takich problemów.
snipe
Używaj float do ustawiania wzgledem siebie odpowiednich blokow ;-) nie wiem jak wygladac bedzie to pod IE ale znajac zycie pewnie nie najlepiej tongue.gif

Kod
body {
margin: 0 0;
}
DIV#gora
{border: 0px;
background-color: #8080ff;
padding: 0px;
height: 20%;
width: 100%;
}

DIV#linki
{
border: 0px;
background-color: #00ffff;
padding: 4px;
height: 80%;
width: 20%;
float: left;
}

DIV#tresc
{
border: 0px;
background-color:#ffff80;
padding: 4px;
height: 80%;
width: 75%;
float: right;
}
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.