Problem sa <div>, visina, sirina

Problem sa <div>, visina, sirina

offline
  • Pridružio: 29 Mar 2007
  • Poruke: 234
  • Gde živiš: Kad bih znao

<style type="text/css">   .klas   {   width:50px;   height:100px;   border:1px solid black;   background:yellow;   }   .jes   {   padding:2px;   }   </style>   </head>   <body>   <div class=klas><div class=jes>aRespected authors. Handpicked instructors who are proven experts in their fields, clear communicators, and excelle# ce no limits on our active subscribers—y</div></div>

Problem je u tome sto tekst izlazi iz okvira, nanize, kada postoji height:100px, kod MOZILLE, a kod IE7 ne. Kada se izbrise visina tada je kod oba programa isto. Znaci kada postoji visina tekst povlaci samo unutrasnji div, dok spoljasni ostaje isti.
Kako da resim da kad ne postoji tekst, da oba diva budu iste fiksne visine, a kada se dodaje tekst, kad ima vise teksta od definisane visine, da se oba diva povlace.
Ako bih definisao i jedan i drugi div npr. na 100px, a ima malo teksta, onda bi oba diva bila OK, ali ako bih povecao tekst, tekst bi isao van okvira kod Mozille. Kako to resiti?



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3675
  • Gde živiš: 127.0.0.1

dodaj

overflow: hidden;

u .klass resices prvi problem Smile



offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

Zašto jednostavno ne bi obrisao visinu div taga, ne treba ti, zadaj mu samo fiksnu širinu, a u div tag dodaj table tag kojem bi zadao visinu. Tada bi table tag držao visinu na tih 100px dok ne dođeš do dna tabele (ujedno i div taga), a kad nastaviš da dodaješ sadržaj i table i div tag bi ti se automatski razvlačili po visini.

offline
  • Pridružio: 29 Mar 2007
  • Poruke: 234
  • Gde živiš: Kad bih znao

Crazy Wiking mislim da tvoj predlog nije los, mislim radi. Jest da sam hteo da sam hteo sa samo sa divom, al nema veze, hvala ti!

Rastafarii, hvala i tebi, ali tvoj nacin mi ne koristi, jer se ne povecava visina sa povecanjem sadrzaja teksta, a tekst se jos i ne vidi, znaci moram stalno regulisati visinu u zavisnosti koliko ima teksta!

offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3675
  • Gde živiš: 127.0.0.1

Imas onda malo drugacije resenje, koje je blize onome sto si hteo (da div bude najmanje 100px, i da se povecava u zavisnosti od duzina texta. CSS property "min-height" kojim podesavas najmanju visinu - samo sto jednostavna primena toga ne radi u IE6, pa moras da uradis i workaround.

.klas {   min-height: 100px;   height: auto !important;   height: 100px;   width:50px;   border:1px solid black;   background:yellow; }

Ko je trenutno na forumu
 

Ukupno su 552 korisnika na forumu :: 5 registrovanih, 1 sakriven i 546 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: blue, hyla, kayvan6079, Marko Marković, voja64