CSS problem sa paddingom i širinom stupca

[AngalotH]

Recimo imam div stupac width: 200 px, ja mu dodam padding od 5 px lijevo i desno, a u firefoxu i IE-u taj stupac izgleda 210 px širok. Sličan problem je i sa borderom. Kad želim apsolutno pozicionirati neki div browser uzima u obzir i debljinu bordera. Totalno izvan pravila CSS Box modela.
CSS mi je relativno nov, pa možda radim neku glupu početničku grešku.

[:cosmos:]

pa i padding i border ti dodaju sirinu koju si odredio za njih na sirinu diva. tako da stavi da je sirina 190px. a ako imas flotane divove jedan kraj drugog, i u IE ti zadnji bjezi, a trebalo bi biti sve ok tj kolki si container stavio, daj e sve cvrsto unutar njega, rjesenje je u display:inline na njima (tim floatim divovima.)

[F4usT]

mislim da IE nekak čudno računa te padinge, margine i bordere... mislim da IE računa diva od margine do margine, a FF od bordera to bordera.. ili tak nekak.

[carr]

to ti je standardni, i veliki, problem kod izrade pomocu CSS box modela, da IE dozivljava Box model drukcije nego ostali browseri.

probaj guglati za css box model hack ili tako nesto slicno.

[keye]

ja sam problem rijesila vako:
npr: jedan stupac je div od 550px drugi od 200px. stavim bg ili stogod a za sadrzaj uvalim drugi div bez grafike nego samo za tekst, i dam mu margin.
tako da se sadrzaj brije kako hoces ali uvijek u vanjskom divu a stupci su uvijek isti.

Quote:

<div style="width:550px;"> <div style="margin:15px"> text text text</div> </div>

[F4usT]

ili staviš tablicu u div.

[:cosmos:]

keye wrote:

ja sam problem rijesila vako: npr: jedan stupac je div od 550px drugi od 200px. stavim bg ili stogod a za sadrzaj uvalim drugi div bez grafike nego samo za tekst, i dam mu margin. tako da se sadrzaj brije kako hoces ali uvijek u vanjskom divu a stupci su uvijek isti. Quote: <div style="width:550px;"> <div style="margin:15px"> text text text</div> </div>

haha, to sam i ja radio,, imao 4 stupca,, ali mi u IE jedan pix bjezao nekako,, i bio sam tako zivcan, tako zivcan da sam stavio fakin tablicu za ta 4 diva jer su imali padding i u definiranom boxu.. ahh jos imam nocne more od toga

[keye]

'ebale vas tablice

[AngalotH]

keye wrote:

ja sam problem rijesila vako: npr: jedan stupac je div od 550px drugi od 200px. stavim bg ili stogod a za sadrzaj uvalim drugi div bez grafike nego samo za tekst, i dam mu margin. tako da se sadrzaj brije kako hoces ali uvijek u vanjskom divu a stupci su uvijek isti. Quote: <div style="width:550px;"> <div style="margin:15px"> text text text</div> </div>

Tako sam i ja mislio, samo me zanimalo jel može bez toga.
Inace, sajt u oba browsera izgleda jednako, pa mozda nije do IE-a, mozda je do mene.
Za sada cu onda to rijesit s divom unutar diva...

[che.UP]

http://www.mi3dot.org/forum/viewtopic.php?t=5539
http://www.mi3dot.org/forum/viewtopic.php?t=5539
http://www.mi3dot.org/forum/viewtopic.php?t=5539