Szerző Téma: CSS Weblap méretezés  (Megtekintve 1204 alkalommal)

CSS Weblap méretezés
« Dátum: 2013. szeptember 29. - 19:53:47 »
0 Show voters
Sziasztok!
Ismét egy kis segítség kéne. Ekezdtem készíteni egy weblapot, amit tök jól megy.Csak módosítani akarom, hogy minden felbontáson megfelelõen hozza be a böngészõ.Tehát elkezdtem átírni a CSS fájlt, megadtam a szélességet százalékban (pl.: width: 65%;), mint ahogy kell.
De igenám nem mindegyik div jó.A fejléc és a lábléc tökéletes, viszont a középsõ div,amibe van a szöveg az sokkal kisebb.Ennek az az oka, hogy a fejléc és a láblec kivan bõvítve különbözõ dolgokkal, mint pl. keret és padding, ettõl az megnõ.
Tehát olyan dologra lenne szükségem CSS-ben, hogyha beállítok egy paddingot, vagy egy keretet, akkor ne növelje meg a div nagyságát annyival, mint a keret vagy a padding mérete.Maradjon fix a div mérete mindig.

Nem elérhető Shady

  • 313
    • Profil megtekintése
CSS Weblap méretezés
« Válasz #1 Dátum: 2013. szeptember 29. - 22:27:36 »
0 Show voters
Szia!
A paddingekkel és a keretekkel nagyon sokat szenvedtem én is és amikor ugy volt ide fordultam segítségért: cyrex.hu ez egy webdesigner saját weboldala és nagyon jók, mindent itt tanultam meg ami weblapszerkesztéssel kapcsolatos, viszont én már nem nagyon csinálok ilyet igy elfelejtettem már, különben segitenék
http://cyrex.hu :)

CSS Weblap méretezés
« Válasz #2 Dátum: 2013. szeptember 30. - 18:36:28 »
0 Show voters
Egyszerû a megoldás. Amit hozzáadsz paddinget vagy keretet, annak a px szélességének az értékét vond ki a teljes szélességbõl.
Amúgy nem célszerû %-osan megadni a szélességet, mert azt minden böngészõ másként értelmezi.
« Utoljára szerkesztve: 2013. szeptember 30. - 18:43:53 írta SheWas13 »

CSS Weblap méretezés
« Válasz #3 Dátum: 2013. szeptember 30. - 19:06:14 »
0 Show voters
Idézetet írta: Shady date=1380486456\" data-ipsquote-contentapp=\"forums\" data-ipsquote-contenttype=\"forums\" data-ipsquote-contentid=\"43232\" data-ipsquote-contentclass=\"forums_Topic
Szia!
A paddingekkel és a keretekkel nagyon sokat szenvedtem én is és amikor ugy volt ide fordultam segítségért: cyrex.hu ez egy webdesigner saját weboldala és nagyon jók, mindent itt tanultam meg ami weblapszerkesztéssel kapcsolatos, viszont én már nem nagyon csinálok ilyet igy elfelejtettem már, különben segitenék
http://cyrex.hu :)
 
Megoldásra lennék kíváncsi.
 

Egyszerû a megoldás. Amit hozzáadsz paddinget vagy keretet, annak a px szélességének az értékét vond ki a teljes szélességbõl.
Amúgy nem célszerû %-osan megadni a szélességet, mert azt minden böngészõ másként értelmezi.
 
[/quote]
pixelel már megoldottam, azt akarom átírni százalékosra.Szerintem a böngészõk ugyanúgy értelmezik, csak ugye felbontásfüggõ.Mert ahány százalékot beírsz szélességnek,annyira tölti ki a teret is.
DE azért kösz mindkettõtöknek.

CSS Weblap méretezés
« Válasz #4 Dátum: 2013. szeptember 30. - 19:45:46 »
0 Show voters
Idézetet írta: kadaradam date=1380560774\" data-ipsquote-contentapp=\"forums\" data-ipsquote-contenttype=\"forums\" data-ipsquote-contentid=\"43232\" data-ipsquote-contentclass=\"forums_Topic
Szerintem a böngészõk ugyanúgy értelmezik, csak ugye felbontásfüggõ.
Hát, ha ekkora szakértõ vagy, akkor vajon miért nem jó? :) Mert úgy van ahogy én írtam ... egyszerû matek az egész.

CSS Weblap méretezés
« Válasz #5 Dátum: 2013. szeptember 30. - 19:48:33 »
0 Show voters
látom nem érted.
Ha pixelben adom meg,akkor más felbontásban nem fog változni a div mérete.Tehát teljesen máshogy fog kinézni a weboldal.

CSS Weblap méretezés
« Válasz #6 Dátum: 2013. szeptember 30. - 20:13:14 »
0 Show voters
Te nem érted. Olvass utána, responsive webdesign. Senki nem %-ol, csak aki nem ért hozzá. ;)

CSS Weblap méretezés
« Válasz #7 Dátum: 2013. szeptember 30. - 20:27:02 »
0 Show voters
Akkor mi más módon lehetne azt megoldani, hogy más felbontáson is tökéletesen menjen a weblap?

CSS Weblap méretezés
« Válasz #8 Dátum: 2013. szeptember 30. - 20:53:03 »
0 Show voters
Ott van az elõzõ hozzászólásomban. Responsive webdesign, azon belül is un. media query-k. Ezekkel lehet szabályozni a felbontást.

 

SimplePortal 2.3.7 © 2008-2024, SimplePortal