ugrás a tartalomhoz

DIV pozicionálás

Librama · 2010. Már. 16. (K), 10.09
Sziasztok!


Gondolom millióan beleestek már abba a problémába amibe én kérnék segítséget, amatőr dolog:

Adott HTML + a hozzá tartozó CSS. Ha egyfajtamonitor felbontáshoz (pl 1024*768) beállítom a margin és padding értékeket úgy, hogy minden a helyén legyen, egy másik felbontásnál megnézve szétesik az oldal, összecsúsznak a DIV-ek.

Mi erre az általános gyógyszer?
‹ JQuery load() karakter encode pagination ›
 ■
1

Látatlanban

Kevlar · 2010. Már. 16. (K), 10.26
Az általános megoldás egy fix szélességű befoglaló DIV, amin belül pozicionálod a többit. Ezt a befoglalót pedig pl középre zárhatód auto margin segítségével.
2

Köszönöm a segítséget,

Librama · 2010. Már. 16. (K), 11.49
Köszönöm a segítséget, esetleg egy példakódot betudnál tenni?
kicsit belelehet zavarodni a netes leírásokba.. annyi van.
8

Középre

Csehdome · 2010. Ápr. 2. (P), 14.29
Szia!

Van egy div-em, és abba szeretném belepakolni a többit. De hogy állíthatom be, hogy például a 1000px széles alap div-ben egy kép mondjuk a div szélétől 20px-re álljon. Magyarán hogy lehet divet a divben pozicionálni?

A választ előre is köszönöm!
9

position, margin, padding

Poetro · 2010. Ápr. 2. (P), 17.45
Szabályozhatod az eltartás a külső diven padding-gal, a belsőn margin-nal, vagy használhatsz különböző pozicionálást. Ebben az esetben:
div.kulso {
  position: relative;
}
div.kulso div.belso {
  position: relative;
  left: 20px;
}
10

Köszönöm

Csehdome · 2010. Ápr. 2. (P), 19.12
Nagyon köszönöm szépen!
3

<div id="azoldal"> <div

Blintux · 2010. Már. 16. (K), 11.56
<div id="azoldal">
<div class="tartalom">habla habla</div>
</div>

#azoldal {
width:1024px;
margin:0 auto;
}

#azoldal .tartalom {
width:600px;
}

Ebben a peldaban kapsz egy 1024 pixel szellesegu DIV-et, megy minden felbontas eseten kozepre kerul. Ebben a DIV-ben a masik 600px szellesegu pedik a kulso DIV bal oldalara kerul. Ha meg felveszel belulre egy DIV-et, amit float:right -al jobbra igazitasz, akkor mondjuk kialakithatsz egy slidebart...
4

Sok lesz az 1024px

Kevlar · 2010. Már. 16. (K), 12.27
Sok lesz az 1024px, mert ilyen felbontáson vízszintes görgetősáv jön létre. Az általánosan elfogadott erre az esetre a 960px.
5

Üdv! Nem akartam új topicot

kapu · 2010. Már. 17. (Sze), 16.44
Üdv!
Nem akartam új topicot nyitni. Meg lehet, hogy láma a kérdés:
Hogyan tudom fixálni azt, hogy ha megnyílik kicsinyített böngészőablakban az oldal akkor nem a görgősávokkal lehet menni oldalra , hanem próbál "alkalmazkodni az oldal a kicsinyítéshez és így összeugrasztja függőlegesen az oldalt?
6

Fluid layout?

Kevlar · 2010. Már. 17. (Sze), 16.54
Mondjuk, hogy sejtem, hogy mire gondolsz...
Ez esetben a megoldás az lesz, hogy a szélességeket nem fix értékben (pl pixelben) adod meg, hanem százalékosan.
Egy cikk a témáról: http://www.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/

Egyébként mégis inkább új téma kellett volna. Szerintem.
7

Függőlegesen

Poetro · 2010. Már. 17. (Sze), 17.50
Mivel függőlegesen nehéz összeugrasztani a tartalmat, ez csak részben kivitelezhető, főleg, ha ténylegesen nincs hely egyik dimenzióban sem. Legfeljebb JavaScripttel lehetne megoldani, de ahhoz is szinte varázslás szintű tudás kell.