Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][HTML] Blokowanie podczas powiększania w przeglądarce
pjamorski
post 2.08.2010, 10:31:45
Post #1





Grupa: Zarejestrowani
Postów: 112
Pomógł: 0
Dołączył: 16.01.2008

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


Mam sobie mój szablon, użyłem CSS i pudełek DIV'ów. Jak mogę zrobić, żeby podczas powiększania lub zmniejszania rozmiaru w przeglądarce zablokować nakładanie się na siebie właśnie tych pudełek. Żeby wszystko ładnie było rozmieszczone tylko czcionki się powiększały itd.

dzięki


--------------------


Chęci to nie wszystko, trzeba działać.
B. Lee

Go to the top of the page
+Quote Post
dg2001
post 2.08.2010, 10:41:08
Post #2





Grupa: Zarejestrowani
Postów: 71
Pomógł: 12
Dołączył: 9.01.2008
Skąd: Olkusz

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


A może jakiś CSS ? czy HTML ? Bo bez kodu to tak nie do końca da ci się pomóc. Prawdopodobnie masz nadaną stałą wysokość div-ów i jak za dużą wielkość czcionki to ci się jedno na drugie nakłada.
Go to the top of the page
+Quote Post
pjamorski
post 2.08.2010, 10:47:02
Post #3





Grupa: Zarejestrowani
Postów: 112
Pomógł: 0
Dołączył: 16.01.2008

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


proszę chodzi mi o to żeby te background-image mi się nie zmieniały, żeby były całkowicie statyczne.
  1. body
  2. {
  3. width: 100%;
  4. height: 100%;
  5. margin: 0px;
  6. padding: 0px;
  7. border: 0px;
  8. font-family: sans-serif;
  9. background-color:#999900;
  10. /*
  11. background-repeat:no-repeat;
  12. background-attachment:fixed;
  13. background-position:center;
  14. */
  15. font-size: 10px;
  16. line-height: 15px;
  17. }
  18.  
  19. #main_page
  20. {
  21. position: absolute;
  22. top: 15%;
  23. left: 15%;
  24. width: 70%;
  25. height: 80%;
  26. background: #ffff99;
  27. border: 2px solid #D4E6F4;
  28. background-image: url('center.jpg');
  29. opacity:0.6;
  30.  
  31. }
  32. #header
  33. {
  34. top:0%;
  35. left:15%;
  36. width:70%;
  37. height:15%;
  38. position:absolute;
  39. border: 2px solid #D4E6F4;
  40. display: block;
  41. background-repeat: no-repeat;
  42. background-attachment: fixed;
  43. background-position:center;
  44. background: #ffff99;
  45. background-image: url('title.jpg');
  46. opacity:0.6;
  47. }
  48. #fotter
  49. {
  50. position:absolute;
  51. top:95%;
  52. left:15%;
  53. width:70%;
  54. height:10%;;
  55. background: #ffff99;
  56. border: 2px solid #D4E6F4;
  57. background-image: url('title.jpg');
  58. opacity:0.6;
  59. text-align:
center;
color:black;
}


--------------------


Chęci to nie wszystko, trzeba działać.
B. Lee

Go to the top of the page
+Quote Post
dg2001
post 2.08.2010, 10:51:23
Post #4





Grupa: Zarejestrowani
Postów: 71
Pomógł: 12
Dołączył: 9.01.2008
Skąd: Olkusz

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


hmmm... no wiec masz wklepane konkretne wysokości, dlatego ci się to rozjeżdża, a może zamiast stałych obrazów jakoś je dać aby miały wartość background-mage: url(obrazek.jpg); background-repeat: repeat-y; ?
Go to the top of the page
+Quote Post

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 Wersja Lo-Fi Aktualny czas: 14.06.2025 - 14:53