ugrás a tartalomhoz

CSS divek: ie, firefox =OK, opera =KO

rrroka · 2006. Május. 23. (K), 08.58
Sziasztok van ötletetek ha az alábbi css miért müxik Ie és FF alatt, de az opera a 4. (0-ás) divet miért nem kezeli le?
a diveket egy while rakja ki 4%= alapján sorszámozva.

.div1 {
float: left;
position: relative;
left: 5px;
}
.div2{
position: relative;
left: 10px;
top: 75px;
}
.div3{
float: left;
position: relative;
left: 5px;
top: 50px;
}
.div0{
position: relative;
left: 10px;
top: 125px;
}
köszi!
Üdv:
rrróka
‹ AJAX és SESSION float div maximal hight ›
 ■
1

float vs position

_jan_ · 2006. Május. 23. (K), 10.13
Lehet, hogy a későbbiekben cáfolni fognak, de nekem a float és a position:relative együttes használata egy kicsit szokatlan. Ha a floatot kihagyod, majdnem biztos, hogy egyforma lesz minden böngészőben.
2

igen, de...

rrroka · 2006. Május. 23. (K), 10.20
igen, de akkor nem lesznek egymás mellett a divek.
itt jön képbe a másik gond, hogyha nem floatolom őket hanem relative elmozgatom felfele ill jobbra akkor az oldal megnyúlik lefele a felfele mozgatott divektől és fontos lenne h ne csinálja :)
3

overflow:hidden

_jan_ · 2006. Május. 23. (K), 11.08
Ezt úgy tudod orvosolni, hogy a divjeidet tartalmazó blokknak (persze nem a body-nak!) az overflow:hidden tulajdonságot adod. A lefelé nyúlás meg fog szűnni. Ha közvetlenül a body-ban vannak ezek az elemek, akkor közbe kell iktatnod egy konténert (divet), hogy a lap görgethető maradjon.
4

remek

rrroka · 2006. Május. 23. (K), 12.35
köszi szépen a tippet, kipróbálom!
"függőleges középre fix méretű divben nem fix tartalom, de divnél kisebb" témára talált már vki jó megoldást?
6

persze

Anonymous · 2006. Május. 23. (K), 12.51
csak rá kell keresni: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

gex
8

overflow

rrroka · 2006. Május. 23. (K), 12.58
nem müxik, de vszínüleg rosszul magyarázom h mi van. nem a div1-4 tartalma mászik el float elhagyás esetén, hanem ahogy sorra feljebb tolja a css a diveketa relatív helyétől alatta megtartja a távot az oldal aljáig.
12

tovább is van...

rrroka · 2006. Május. 23. (K), 13.28
szóval kiteszteltem az overflowt, az nem való erre úgynézem.
beleraktam a 4 divecskémet (100x125px) egy nagy kontérnebe (nincs magasság), szépen egymás alá, majd relativval feltoltam -50, -100, -150 pixelt a kontérner mégis 4x125 magas lett. erre vmi tipp?
ilyen maradt
5

ctrl+c

rrroka · 2006. Május. 23. (K), 12.40
kérdezzek vmi hülyeséget? egy fórumban ahol alapjában problémamegoldás folyik, miért nem lehet kijelölni...?
7

Böngészővel lehet [off]

attlad · 2006. Május. 23. (K), 12.58
Használj böngészőt.
Lásd: http://weblabor.hu/blog/20050306/ujweblabor#comment-8699
9

ie szivatás

Anonymous · 2006. Május. 23. (K), 12.59
akkor ez azért van h az ie-seket szivassák? :)
10

IE-sek szivatják magukat

Jano · 2006. Május. 23. (K), 13.11
IE-sek szivatják magukat.
11

Magukat

attlad · 2006. Május. 23. (K), 13.11
Aki obsolete böngészőt használ az inkább magát szívatja. Ha kijavítod a hibát és beküldöd a konkrét patch-et akkor szerintem meg lesz oldva.
13

újból

rrroka · 2006. Május. 23. (K), 14.04
hogy került ez a hsz a téma közepébe...?

szóval kiteszteltem az overflowt, az nem való erre úgynézem.
beleraktam a 4 divecskémet (100x125px) egy nagy kontérnebe (nincs magasság), szépen egymás alá, majd relativval feltoltam -50, -100, -150 pixelt a kontérner mégis 4x125 magas lett. erre vmi tipp?
ilyen maradt
14

Mégis float

_jan_ · 2006. Május. 23. (K), 19.30
Látva, hogy mit akarsz, inkább a position:relative az elvetendő. Így nézhetne ki:
div1 {
float: left;
margin-left: 5px;
}
.div2{
float:right;
margin-left: 10px;
margin-top: 75px;
}

stb. Persze a marginokon még állítgatnod kell, hogy tényleg az legyen, amit akarsz.
A konténert az overflow:hidden-nel tartsd meg.
15

opera nemrulez!

rrroka · 2006. Május. 24. (Sze), 10.27
Köszi a tippet! IE, FF=OK, Opera alatt az egyszerűség kedvéért ez a módszer is hagy 50px helyet ;)
16

ie/ff/opera

rrroka · 2006. Május. 24. (Sze), 10.33
Furcsa mi?
17

display: inline

Anonymous · 2006. Május. 24. (Sze), 11.17
ha jól látom a fehér és zöld boxok bal margója megduplázódott, ami egy ismert ie bug, a megoldás pedig az, hogy a display tulajdonságukat inline-ra változtatod (semelyik másik böngészőre nem lesz hatással).

gex
18

ie

rrroka · 2006. Május. 24. (Sze), 14.15
az még hagyján, h dupla margó, bár nagyon jó h szóltál és köszi a javítást, de az operás lefele kinyúlás mitől van?!

de nem eza vicces, hanem ha megrendelő aszondja h "legyenek inkább egymás alatt, vonalla elálasztva".
Ne zavarja h elsőre úgy volt, azt ő akarta cifrázást...