ugrás a tartalomhoz

2 position div

TIV · 2007. Jún. 18. (H), 19.34
Üdv!

Van három div-em egymás mellett. bal, kozep, jobb.

A bal és a jobb position fixed tulajdonsággal rendelkezik, és mind float left-es. a bal oldali pozició fixed működik is, ám a jobb oldali div a position fixed begépelésekor rámászik a bal oldali divre. egyszerűen rajta van! pedig float left -es az összes. nem tudom miért nem a helyén jelenik meg. Internet Explorer 7 úgy mutatja ahogy szeretném, egymás mellett a három div és az első és utolsó fixed.

előre is köszönöm! nem tudok rájönni!
 
1

Olvasd el a szabványt!

Jano · 2007. Jún. 18. (H), 19.42
Olvasd el a szabványt! 9.7 Relationships between 'display', 'position', and 'float'

A második pont szerint, ha egy elem position tulajdonsága absolute vagy fixed, akkor a float értéke none-ra kell, hogy álljon!
2

másrészről meg

Fraki · 2007. Jún. 18. (H), 23.37
a float adatlapján ott virít, hogy

Applies to: all but positioned elements and generated content

http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-float
3

jaja

TIV · 2007. Jún. 19. (K), 11.39
Megcsináltam köszönet! de lenne még kérdésem!

1. Ha méretezem az ablakot akkor a position fixesek el tudják takarni pl a középső div tartalmát. Mit lehet ez ellen tenni?

2. hogy tudok egy olyan divet létrehozni amelye egy másik div alján lesz mindig!

köszönöm!
4

Erre van

Jano · 2007. Jún. 19. (K), 11.50
A position:fixed pontosan erre van kitalálva. Úgy jeleníti meg az elemet, hogy az mindig az ablakhoz képest pozicionált fix helyen maradjon. Nyilván ekkor minden más elem ami görög, az alá kerülhet.

A második kérdésre sok fajta megoldás lehet. Pontosabb tanácsot lehetne adni ha megmutatnád mit szeretnél elérni.
5

válaszok

gex · 2007. Jún. 19. (K), 11.51
1. hogyan takarja le? kód, link? így látatlanban azt mondom, adj a body-nak egy min-width értéket.

2. külső div position: relative; belső div position: absolute; fix magasságú láblécnél tökéletes. vagy esetleg megnézheted a footerStickAlt megoldást, bár nem pont erről szól, de hasonló.
6

dejóóóóó

TIV · 2007. Jún. 19. (K), 12.13
ohh! köszi! működik! sikerült a belső divet a külső aljához rögzíteni ahogy mondtad + bottom:0px et adtam, ám ilyenkor nem működik a text-align:center. Ötlet? mert left:120px; -el nekem tökéletesen középre igazodott csak máskor is előjött már ez és akkor is hasonlóképp oldottam meg, viszont érdekelne van-e ilyenkor középre igazítás vmi módon.
7

miért ne lenne

gex · 2007. Jún. 19. (K), 12.52
van középre igazítás, text-align: center;, ahogy mondod, persze sok függ attól, hogy ezt melyik elemnek adod meg. :] tényleg nem ártana kód vagy link, ahol meg lehet nézni, mert eddig mindenki csak találgatott.
8

css

Fraki · 2007. Jún. 19. (K), 15.28
Az ilyen aljához igazáítás, ahogy mondod, úgy megy, hogy a szülőblokk pozícionált, a gyermekblokk pedig abszolút bottom:0. Abszolút elem horizontális középre vitele margin: x auto -val megy.
9

valóban

gex · 2007. Jún. 19. (K), 15.42
most, hogy ezt beírtad, rájöttem, hogy nem a szöveget akarja középre igazítani, hanem magát a divet, pedig olyan határozottan állította, hogy text-align kell neki. :D

egyébként abszolút pozícionált elemet szerintem nem lehet margin: 0 auto;-val középre igazítani.
10

hehe:D

TIV · 2007. Jún. 19. (K), 16.45
nekem teljesen mindegy hogy divet vagy szöveget akarok az aljához igazítani, mert ha divet, akkor belerakom a szöveget a divbe :D
11

dede

TIV · 2007. Jún. 19. (K), 16.48
oppá...margin 0 auto tényleg nem rakta középre.
12

margin: 0 auto

Fraki · 2007. Jún. 19. (K), 18.31
Igaz.

Akkor azt ajánlom neki, hogy maradjon abszolút bottom: 0, width: 100%, és a benne lévő szöveget vigye középre text-align-nal.
13

margin: 0 auto

Fraki · 2007. Jún. 19. (K), 18.31
Igaz.

Akkor azt ajánlom neki, hogy maradjon abszolút bottom: 0, width: 100%, és a benne lévő szöveget vigye középre text-align-nal (vagy mással ;))