Ukladanie DIVov vedľa seba

Ako naprostý amatér som si prelúskal Yuhuove stranky o divoch a pochopil som to tak, že v rámci jedného divu s rozmermi napríklad 300×300 px možem naukladať viac iných divov, ktorých súčet rozmerov zodpovedá rozmerom toho nadradeného divu. Je to tak? Mne to totiž vôbec nefunguje, babrem sa s tým tretí deň a neviem na to prísť :-(( V tejto súvislosti už začínam uvažovať o rituálnej samovražde :)

Vážne. Mám z divov vyskladaný každú jednu položku vo fotogalérii - rámik je zo štyroch divov okolo divu so samotnou fotografiou. Celé je to vložene v nadradenom dive s rozmermi, ktoré sú súčtom tých vložených divov. Aj tak sa mi to vo finále cele rozo...sype :-( Tu je rozpadnutý výsledok. Okolo obrázkov sa mi v jednotlivých divoch urobí nejaká tenka medzera, o ktorej netuším, kde sa zobrala, a celé lego mi rozhasí... Správne by to malo vyzerať nejako takto, až na tie popisky, ktoré by mali byť inde.

A čo už nechápem vôbec, že to celé nejako súvisí s veľkosťou nastaveného písma v prehliadači. V priebehu laborovania som došiel do stavu, že pri najmenšej veľkosti písma to bolo OK, pri strednej sa to rozsypalo :-O Aj teraz tam tá medzera s veľkosťou písma rastie... Z toho, že tomu nerozumiem, som celkom na prášky, za akékoľvek nakopnutie správnym smerom ponúkam polovicu kráľovstva a ruku mojej babičky k tomu!

2marty: margin aj padding tam mám, je nastavený pre všetky divy (chápem to správne, že keď ich mám nastavené pre všetky divy obecne, platí to aj pre všetky triedy divov, ak nie je nastavené inak?). Skúsil som aj tvoj obecnejší zápis, nepomohlo, len sa celá stránka nalepila na okraj.

Ukočiť div "ram" až za tabuľkou som skúsil, nič neopravilo, akurát to popisku pchá pod obrázok namiesto vedľa neho. Div "ram" by mal obsahovať iba ten vyskladaný obrázok, aspoň tak som rátal rozmery. Keď aj vyhodím tabuľky s popiskami úplne, tej skladačke to nepomôže.

2bojars: Ehm, uhm, čo je FF? Ja som ozaj vo webdesigne začiatočník, tieto skratky a výrazy sa na mňa ešte nenalepili :-)

float: right tabuľke nepomohol, ani tvoje zápisy pre triedy... Skúšal som to aj napchať do toho jedného riadku, ako píšeš, žiadny efekt. K tomu by som mal jednu poznámku: z Yuhuovho výkladu o divoch som pochopil, že divy sa na seba lepia bez akejkoľvek medzery, nie?

2bojars: Áno! align="right" pri obrazku bol problém! Zostalo mi to tam z predchádzajúcej fotogalérie a vôbec ma nenapadlo, že by to bolo zle... Prečo zarovnanie obrázku rozhasí celý div? Ako si na to došiel? Či to je v riadku alebo nie, vyzerá byť jedno, ale ten align ho rozhodil... Srdečná vďaka za radu...

Ešte tam mám nejaký problém s horným okrajom rámu, robí mi medzeru. Zväčšuje sa so zväčšovaním písma v IE. Zdá sa, že to naťahuje celý div "ram" a ten potom kaskádovito odtláča ďalšie obrázky... Pritom majú oba pevne nastavenú výšku (?!). Keď prídeš aj na toto, ruka mojej babičky je definitívne tvoja! :-)

2bojars: Tie paddingy predsa vynulované mám (padding: 0 by malo byť to isté, čo padding: 0px 0px 0px 0px, nie?), a aj keď tam dám tvoj zápis, žiadna zmena.

Keď si otvorím HTML zápis toho tvojo linku a napastujem tam obrázok s popiskou viackrát za sebou, robí to presne to, čo mne - kaskádovo to odtláča ďalšie obrázky... Ako tak pozerám, ten div "horny" má určitú minimálnu výšku, keď zmenšujem height: tak to nemá žiadny efekt. Zväčšiť sa dá, ale zmenšiť nie. Je nejaké pravidlo, že výška divu nemôže klesnuť pod trebárs 15 pixelov? To by zodpovedalo skutočnej výške tých divov (horny a dolny) a vysvetlovalo by to, prečo sa naťahujú... Napadá ťa v súvislosti s tou výškou niečo?

Ešte jedna vec, ktorá je v podstate o tom istom: keď v tom tvojom linku zväčšujem a zmenšujem písmo, zväčšuje a zmenšuje sa aj červený pruh hore a dole. PREČO?! Majú predsa pevnú výšku zadanú v pixloch, to by predsa nemalo súvisieť s veľkosťou fontu!

2bojars: Babička je tvoja! Pomohol zápis font-size: 0px; do triedy .ram (alebo do tried .horny a .dolny)! A teraz mi, prosím, vysvetli, ako súvisí výška divu s fontom? Vyzerá to, že si IE default necháva v divoch priestor na text v základnej veľkosti :-O Preliezol som asi päť webov o tvorbe HTML, nikde o tom nie je ani zmienka... Kam si mám skočiť pre podobné informácie, aby som nabudúce neriešil tri dni jedinú minoritnú záležitosť? Sú to nejaké všeobecné pravidlá?

Ešte raz srdečná vďaka za pomoc.