ugrás a tartalomhoz

CSS min-height gondok border nélkül.

Anonymous · 2005. Ápr. 27. (Sze), 17.49
Sziasztok!

CSS-be ügyködök, és egy érdekes jelenséget véltem felfedezni.
Van 3 DIV-em, egymás alatt. Alsónak és felsőnak van margin-ja alul és felül. A középső tartalmi résznek adtam 1 min-height: 300px; paramétert, és a border-t is 0-ra tettem. Namost 2 aloldalon, ahol 2 különböző tartalom van ebben a DIV-ben, de egyik helyen sem közelít a 300px-nyi felé, és a legalsó rész kicsit lejjeb v. feljebb csúszik(tartalomtól függően)...

Ha a középső, tartalom DIV-nek beállítok 1 border: 1px solid #ffffff; -et, egyből helyreáll minden, és nincs csúszkálás.. Mit lehet ilyenkor csinálni? Valamit én baltáztam el, vagy ez egy bug?

Ja, és FireFox 1.0.3 alatt dolgozok..

Előre is köszönöm megtisztelő válaszaitokat.
‹ függvény meghívás esetén szövegkiiratás Javascript Disable Text fieldek ›
 ■
1

lol pont ezt akartam

toxin · 2005. Ápr. 27. (Sze), 19.18
lol pont ezt akartam kérdezni én is :-)))

http://toxin.hu/tutorial/css/2/incMain.html

.contentBodyCenter {
margin:0 15px;
border:1px solid white;
}


benne van jó, kiveszem szétesik (mármint a border-t), aki érti mondja meg :)
2

Pontosan melyik a középső

Anonymous · 2005. Ápr. 27. (Sze), 21.57
Pontosan melyik a középső keret? Megnéztem ezt a példát, de nem nagyon értettem, hogy mi a baj, mi "esik szét" benne. Nem tűnt fel, hogy valami is hülyén nézne ki benne. IE-ben, FireFoxban ugyanúgy néznek ki...
3

Pontosan melyik a középső

Anonymous · 2005. Ápr. 27. (Sze), 21.57
Pontosan melyik a középső keret? Megnéztem ezt a példát, de nem nagyon értettem, hogy mi a baj, mi "esik szét" benne. Nem tűnt fel, hogy valami is hülyén nézne ki benne. IE-ben, FireFoxban ugyanúgy néznek ki...
4

na ezt most tőlem

Anonymous · 2005. Ápr. 27. (Sze), 22.40
na ezt most tőlem kérdezed, vagy az elsőre írtak-ra reagálsz :)

itt van, most piros a keret:
http://toxin.hu/tutorial/css2/incMain.html

most kivettem
http://toxin.hu/tutorial/css2/incMain2.html

szétesik minden böngészőtípusban és nem néztem végig a kódomat, biztos megvan az oka, csak láttam egy hasonló kérdést és gondoltam bedobom :)
5

toxin voltam, aki nem

toxin · 2005. Ápr. 27. (Sze), 22.41
toxin voltam, aki nem lépett be :P

tehát az elsőben:
.contentBodyCenter {
margin:0 15px;
border:1px solid red;
}


másodikban

.contentBodyCenter {
margin:0 15px;

}


szerepel
6

collapsing margin - osszecsuszo margok

Jano · 2005. Ápr. 27. (Sze), 23.38
A titok az, hogy a belso elem margoja es a befoglalo elem margoja kozul a nagyobbik ervenyesul amikor az elozo elemhez kepest elhelyezesre kerul a tartalom. A hatterszin, hatterkep viszont a margin reszen belul jelenhet csak meg.

Vagyis a P margoja nagyobb mint a befoglalo DIV-e ami eppen 0. MIvel nincs border vagy padding ertek a 2 margo kozott ezert erintkeznek es ilyenkor a ketto maximalisa lesz az uj margo.

Ennek az az ertelme, hogy ha pl lenne 4 bekezdesunk amiket kettesevel egy DIV-be zarnank. Akkor ha a 2 div hataran nem csusznanak egybe a margok akkor nem ugyanannyi hely maradna ki a 2. es 3. bekezdes kozott mint az 1-2 vagy 3-4 kozott, holott mi csak pl meg akarjuk vastagitani a 2 elso bekezdes betuit mert az egy cikk bevezetoje.


<div class="cikk_bevezeto">
<p></p>
<p></p>
</div>

<div class="cikk_szoveg">
<p></p>
<p></p>
</div>
Az IE egyebkent nem ismeri a min-height tulajdonsagot, viszont a height-t ugy kezeli.
(Szabvany szerint ha egy elemnek explicit megadott height erteke van, akkor nem nyulhat a tartalomtol fuggoen, legfeljebb kiloghat belole a tartalom. Az IE-t ez nem erdekli, es nyujtja az elemet.)
7

Ez mind szép és jó.

Anonymous · 2005. Ápr. 28. (Cs), 14.30
Ez mind szép és jó és nagyon profinak hangzik, de sajnos egy mukkot se értek. :-)

Hogy is fog nekem megjavulni, hogy border: 0; -val ne csúszkáljon össze-vissza a DIV-em magassága, tartalomtól függően? (ami jóval kevesebb mint a min-height: 300px;)

Köszönöm
11

Eroterek ha talalkoznak

Jano · 2005. Ápr. 28. (Cs), 19.41
Kitalaltam egy hulye hasonlatot:

Van a nagy jedi lovag aki 1 meteres eroteret tud maga korul letrehozni. Es van egy meg nagyobb jedi lovag, aki meg 2 metereset. Akkor ha egymas melle allnak, akkor a nagyobbik eroter fog ervenyesulni, a kisebb "beleolvad".

Tegyuk fel most azt az esetet, hogy van a jedi lovagoknak egy pancel gombjuk ami kepes tagulni, es elvalasztja egymastol az erotereket. A jedik ezert az csinaljak, hogy beallnak a pancelgombbe, amit az egyikojuk erotere tart 1 meter tavolsagra, a masikuk eroteret pedig a pancelon kivulre helyezi. Igy a ket eroter osszeadodik.
12

:-)

kgyt · 2005. Ápr. 28. (Cs), 20.47
:-))))))))))))))))))))))))))))))))))))))))))))))

--
Szeretettel: Károly György Tamás
kgyt&kgyt.hu - http://kgyt.hu
13

Rejtélyes módon

Anonymous · 2005. Ápr. 28. (Cs), 21.18
Rejtélyes módon elkezdett működni pedig 100% hogy nem nyúltam hozzá, nem is voltam ma itt :-)

Magát az elvet mostmár értem.. Köszi szépen!
14

Erő

kgyt · 2005. Ápr. 28. (Cs), 21.50
Biztosan az erő veled van... :-)

--
Szeretettel: Károly György Tamás
kgyt&kgyt.hu - http://kgyt.hu
8

Ez durva

Anonymous · 2005. Ápr. 28. (Cs), 15.18
Amikor tegnap nézem ugyanezt a linket, nem csúszott szét és nem is volt piros keret. Azért nem értettem. Ideiglenes megoldásnak csinálj fehér keretet :). Majd kipróbálom, de nem sikerült rájönnöm. Üdv:
Tiny
9

az volt amit Jano mondott :)

toxin · 2005. Ápr. 28. (Cs), 16.09
az volt amit Jano mondott :) köfike neki
10

Mi?

Anonymous · 2005. Ápr. 28. (Cs), 16.59
De mégis micsoda??

Én próbálgattam a befogadó stb. margin-okat meg minden kivenni, eredménytelenül.. Ugyanúgy szétesik