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

css:
#lap{
width: 900px;
height:100%;
}
#fejlec{
   height: 15%;
   background: green;}

#navi_sav{
height: 5%; 
background: blue;
width:100%;
}
#menu_sav{
width: 15%; 
background: purple;
float:left;
height: 75%;
}
#tartalom{
width: 85%;
height:75%;
float:left;
background: yellow;
}
#lent{
height:5%;
float:left;
width: 100%;
background: red; 
}

<html>
<head>
  <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-2' />
  <title></title>
<link rel="stylesheet" type="text/css" href="css/feher/home/home.css" />
</head>
<body>
<div id="lap">

<div id="fejlec">
</div>

<div id="navi_sav">
</div>

<div id="menu_sav">
</div>

<div id="tartalom">
?>
</div>

<div id="lent">
</div>
</div>
</body>
</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:)