Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Maksymalne rozciągnięcie diva
Forum PHP.pl > Forum > Przedszkole
apathedosheu
Witam, w jaki sposób rozciągnąć diva, aby był dostosowany do każdej rozdzielczości ekranu.

Poprawne rozciągnięcie przy rozdzielczości 1280x1024
http://img841.imageshack.us/img841/7485/50717404.png

Tutaj z odstępem pomiędzy menu, a logo - rozdzielczość 1600x1200
http://img684.imageshack.us/img684/629/32813371.png

To po lewo menu, a po prawo logo strony.

Kawałek CSS:
  1. #menu {
  2. float: left;
  3. margin-left: 100px;
  4. border: 5px solid #ffb300;
  5. background-color: #000;
  6. height: 240px;
  7. width: 240px;
  8. -moz-border-radius: 10px;
  9. -webkit-border-radius: 10px;
  10. border-radius: 10px;
  11. }
  12.  
  13. #logo{
  14. -moz-border-radius: 10px;
  15. -webkit-border-radius: 10px;
  16. border-radius: 10px;
  17. float: right;
  18. margin-right: 100px;
  19. height: 240px;
  20. background: black;
  21. border: 5px solid #ffb300;
  22. width: 790px;
  23. }
Necsord
  1. width: 30%;
  2. width: 70%;


Czyli procentowo szerokość i co najwyżej ustawić minimalną szerokość nieprocentowo jak ktoś chce.
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.