Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [xhtml][css] ustawianie divow
ein
post
Post #1





Grupa: Zarejestrowani
Postów: 24
Pomógł: 0
Dołączył: 15.03.2005

Ostrzeżenie: (0%)
-----


witam,
mam taki problem:

otoz chce zeby strona rozciagala sie na cala szerokosc ale przy zmniejszaniu okna przegladarki divy zmniejszaly sie ale tylko do pewnej szerokosci - wowczas pojawialby sie scroll.

no i proawie mi sie to udalo ale niestety elemeny blokowe wpadaja jeden pod drugim przy okreslonej szerokosci przegladarki.

nie wiem czy jasn to wytlumaczylam :roll2: mniej wiecej chodzi mi o ofekt jaki jest na empik.com

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
  3. <title>Apoteke</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  5. <meta http-equiv="Content-Language" content="pl" />
  6. <link rel="StyleSheet" type="text/css" href="style.css" />
  7. </head>
  8. <body >
  9.  
  10. <!--header-->
  11. <div id="header">
  12. <div id="left">
  13. [main] &nbsp; | &nbsp; [recepty] &nbsp; | &nbsp; [sprzedaz] &nbsp; | &nbsp; [zamowienia] &nbsp; | &nbsp; [podsumowania]<br /><br >
  14.  
  15. <span class="black">szukaj:</span> &nbsp; &nbsp; &nbsp;[apteka]&nbsp; &nbsp; | &nbsp; [magazyn]
  16. </div>
  17. <div id="right">
  18. Apteka Zdrowie, 19 grudnia, 2005<br /><br />
  19.  
  20. <span class="red">[zaloguj]</span>
  21. </div>
  22. </div>
  23. <!--end header-->
  24. </body>
  25. </html>


  1. Body {
  2. text-align: left;
  3. font-size: 8pt;
  4. font-family: Verdana;
  5. margin: 0px;
  6. margin-left: -8px;
  7. background: url('1.jpg');
  8. width: 100%;
  9. margin-top: 10px;
  10. }
  11. #header {
  12. padding-top: 20px;
  13. padding-bottom: 20px;
  14. padding-left: 2%;
  15. padding-right: 2%;
  16. background-color: white;
  17. width: 95%;
  18. display: block;
  19. float: left;
  20. }
  21. #left {
  22. width: 500px;
  23. display: block;
  24. float: left;
  25. color: rgb(214,51,51);
  26. }
  27. #right {
  28. display: block;
  29. text-align: right;
  30. width: 200px;
  31. float: right;
  32. }
  33. .black {
  34. color: black;
  35. }
  36. .red {
  37. color: rgb(214,51,51);
  38. }


czy ktos wie moze jak to rozwiazac?
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 13:29