ugrás a tartalomhoz

(CSS) Fix szélesség,hosszúság vagy % os

kriszrap · 2013. Aug. 4. (V), 23.29
Sziasztok!!
Van egy egy css dobozom ami lap div ként megy és benne van a fejléc,balsáv,infosáv,tartalom és a lent rész.

A lap height: 100%; width: 900px; értéke van.
A több fejléc,balsáv,infosáv,tartalom,lent pedig a szélességük és hosszúságok % értékben van.
Szerintetek fixen adjam meg a méreteket vagy % értékben ?

Bocsánat a kezdő kérdésért de nem tudom melyik lenne jobb.
Előre is köszönöm a válaszokat.
‹ Változtatható tartalom Div-ek egymásra "lógása" ›
 ■
1

Pár kérdés

Pepita · 2013. Aug. 5. (H), 01.06
- Mi az a css doboz?
- Mi az a "lap div ként megy"?
- Esetleg van valami HTML, amiben látszanak ezek az elemek? (Természetesen kódszínezővel)
- A hozzá tartozó eddigi CSS? (Colorer!)

Ha ezekre a kérdésekre mind válaszolsz, fogunk tudni segíteni. De igencsak "kínai" megfogalmazásodból nem lehet kideríteni mit is szeretnél, nemigazán magyarul van...
2

css: #lap{ width:

kriszrap · 2013. Aug. 5. (H), 01.48
  1. css:  
  2. #lap{  
  3. width: 900px;  
  4. height:100%;  
  5. }  
  6. #fejlec{  
  7.    height: 15%;  
  8.    background: green;}  
  9.   
  10. #navi_sav{  
  11. height: 5%;   
  12. background: blue;  
  13. width:100%;  
  14. }  
  15. #menu_sav{  
  16. width: 15%;   
  17. background: purple;  
  18. float:left;  
  19. height: 75%;  
  20. }  
  21. #tartalom{  
  22. width: 85%;  
  23. height:75%;  
  24. float:left;  
  25. background: yellow;  
  26. }  
  27. #lent{  
  28. height:5%;  
  29. float:left;  
  30. width: 100%;  
  31. background: red;   
  32. }  
  33.   
  34. <html>  
  35. <head>  
  36.   <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-2' />  
  37.   <title></title>  
  38. <link rel="stylesheet" type="text/css" href="css/feher/home/home.css" />  
  39. </head>  
  40. <body>  
  41. <div id="lap">  
  42.   
  43. <div id="fejlec">  
  44. </div>  
  45.   
  46. <div id="navi_sav">  
  47. </div>  
  48.   
  49. <div id="menu_sav">  
  50. </div>  
  51.   
  52. <div id="tartalom">  
  53. ?>  
  54. </div>  
  55.   
  56. <div id="lent">  
  57. </div>  
  58. </div>  
  59. </body>  
  60. </html>  
ilyen a felépítés.
Kérdésem Fixes érték megadása css-be vagy % os értékek?
3

Miért?

Poetro · 2013. Aug. 5. (H), 08.35
Miért jött elő benned a dilemma? Akkor már eleve a 900px-et is %-ban lenne érdemes megadni, és onnantól kezdve lenne értelme az egésznek. Addig ugyanis teljesen mindegy, hogy a szélességeket miben adod meg, úgyis fixek maradnak. Hogy a magasságokat miért %-ban adod meg, az teljesen rejtély, elvégre nem tudod, mekkora kijelzőn fogja a felhasználó nézni az oldaladat. Lehet, hogy egy 1024x768-as tableten, lehet, hogy egy 1080x1920-as felbontású mobiltelefonon, és akkor ezek a számok radikálisan mások lesznek.
4

hát azért kérdeztem ezeket

kriszrap · 2013. Aug. 5. (H), 10.22
hát azért kérdeztem ezeket 800x600 képfelbontásnál nem fog e a tartalom össze nyomorodni vagy szétcsúszni ha nem teljes képernyőn van a böngésző.
Van benne valami igazság?
5

Nem értem

Poetro · 2013. Aug. 5. (H), 10.36
Nem értem mi köze a teljes képernyőnek, és a felbontásnak egymáshoz. Ha a telefonom felbontása 320x480 akkor annyi. Az, hogy a böngésző mekkora méretet foglal el belőle a felhasználó és az operációs renszer kérdése. Ha nem tudod, szét fog-e csúszni, akkor probáld ki. Méretezd át az ablakodat akkorára, amekkorára szeretnéd.

A Chrome és Firefox eszközöket is ad a kezedbe, amivel pár előre definiált mobil készülék felbontására méretezi át a tartalom számára rendelkezésre álló területet, és nem kell átméretezned a böngésző ablakát.
  • Firefox esetén: Tools / Web Developer / Responsive Design View
  • Chrome esetén: View / Developer Tools / Settings / Overrides / Device metrics
6

+1

Pepita · 2013. Aug. 6. (K), 00.18
kriszrap, alapvetően mindig Responsive Design-ra törekedj, ha kell (és meg tudod csinálni), csinálj több frontendet! Ott egy jó példa, pár nap és ki is próbálhatod...
7

óóóó nagyon szépen köszönöm

kriszrap · 2013. Aug. 6. (K), 22.38
óóóó nagyon szépen köszönöm mindenkinek:)
8

Nincs mit

Pepita · 2013. Aug. 7. (Sze), 01.58
:)
9

ja és még annyit hogy öö ha %

kriszrap · 2013. Aug. 8. (Cs), 23.44
ja és még annyit hogy öö ha % ba adok meg mindent akkor honnan fogom tudni hogy milyen széles képpel tom úgy mond "ki csempézni" a honlapom ?
10

Csempék

Poetro · 2013. Aug. 9. (P), 08.57
Ha nem túl nagyok a csempék, akkor akár mekkorával ki tudod csempézni, akár földtől plafonig is.
11

+1

Pepita · 2013. Aug. 9. (P), 16.29
Nagyon jó megfogalmazás! :)
12

sikerült minden:) köszönöm:)

kriszrap · 2013. Aug. 13. (K), 03.35
sikerült minden:) köszönöm:)