Poceo je jaaako da me nervira ovaj bug u IE - box model bug

Poceo je jaaako da me nervira ovaj bug u IE - box model bug

offline
  • SSpin 
  • Saradnik foruma
  • Pridružio: 09 Dec 2004
  • Poruke: 6488
  • Gde živiš: Nis -> ***Durlan City***

Dakle, vec nekoliko puta imao sam problema sa ovim glupim bugom Evil or Very Mad

O cemu se radi, ako u nekom slucaju imam sadrzaj u nekom DIVu on se drugacije ponasa u toku pozicioniranja kod IE i kod Opere i FF.
Slikovit primer :



Opera i FF

////////



IE 6.0

---------

Dakle, i za jedan i za drugi primer (slike) vrednosti su iste :

.content { width:300px;; margin-top:10px; background:#E8F3FF; height:450px; margin-top:10%; margin-left:25%; border:#000000 10px solid; padding: 10px;   } .licna { height:320px; width:25%; background:#6699FF; float:right; margin-top:15px; margin-right:1%; }

Pokusao sam sa svim jedinicama px, %, em, pt, mm ... nista Sad

Nasao sam ovaj sajt, gde izmedju ostalog kaze :

http://webdesign.about.com/od/css/a/aaboxmodelhack.htm

Citat:If you have a div like this:
div {
width: 100px;
padding: 10px;
border: 10px solid #000;
}
It will be 140px wide in valid browsers, and 100px wide in Internet Explorer.


ok, kapiram i sad hack je sledeci :

Citat:To fix this you need to set up two div selectors, one which defines the width for compliant browsers at 100px and one for IE at 140px.

div {
width: 100px;
}
div {
\width: 140px;
w\idth: 100px;
}


Problem je, sto ne kapiram gde da stavim ove vrednosti.

\width: 140px;     w\idth: 100px;

Ako neko zna neki laksi hack, i bolje objasnjenje bio bih mu veoma zahvalan.
Nacisto sam popizdeo Neutral



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • Pridružio: 17 Mar 2004
  • Poruke: 293
  • Gde živiš: UK

http://positioniseverything.net/ie-primer.html



offline
  • Pridružio: 08 Jun 2007
  • Poruke: 45

Ej, to je i mene bas bunilo. Ja sam to resio pomocu JS-a. Evo kako: Za FF i Operu sam podesio vrednosti u CSS a potom za IE uradio sledece: kada se ucita stranica, dakle OnLoad, napravio sam skriptu da proveri koji je browser u pitanju pa ako je IE, onda dodeli objektima nove vrednosti. Malo glupo, i nije po 'w3c', ali meni je ok. Mada ima i boljeg resenja, sigurno, ali ja ga ne znam. Ako neko zna...

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

ima i boljeg resenja, IE cita tzv "conditional comments" u CSS-u, tako da sa jednim CSS fajlom moze da se uradi da izgleda u IE i FF skoro isto Smile

Citat:Conditional comments only work in Explorer on Windows, and are thus excellently suited to give special instructions meant only for Explorer on Windows. They are supported from Explorer 5 onwards, and it is even possible to distinguish between 5.0, 5.5 and 6.0.

http://www.quirksmode.org/css/condcom.html

a imas i Box Model Hack ovde: http://www.tantek.com/CSS/Examples/boxmodelhack.html

offline
  • SSpin 
  • Saradnik foruma
  • Pridružio: 09 Dec 2004
  • Poruke: 6488
  • Gde živiš: Nis -> ***Durlan City***

@Rastafarii

Mozes li da objasnis na mom primeru gore, ili da mi preporucis cime da se koristim pri optimizaciji sajta konkretno za rezoluciju, i izgled u svim browserima...

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

probaj ovako:

.content { width:260px; margin-top:10px; background:#E8F3FF; height:450px; margin-top:10%; margin-left:25%; border:#000000 10px solid; padding: 10px;  } <!--[if IE]> .content { width:300px;; margin-top:10px; background:#E8F3FF; height:450px; margin-top:10%; margin-left:25%; border:#000000 10px solid; padding: 10px;  } <![endif]-->

jedino sto ti je margin-left definisana u %, pa ne mogu nju da oduzmem od sirine, inace je to to Wink

procitaj text na ona dva sajta, narocito na drugom, jer je njegova tematika bas taj box model bug Very Happy

Ko je trenutno na forumu
 

Ukupno su 928 korisnika na forumu :: 47 registrovanih, 13 sakrivenih i 868 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: AF-1, aleksmajstor, bankulen, comi_pfc, crnitrn, cvrle312, darcaud, DARKMEN22, Denaya, djboj, djukapfc, draganca, draggan, Fisherman, Fog of War, Georgius, havoc995, hyla, ivica976, kaisarevic1, kaptain, krkalon, Kruger, Markoni29, mnn2, novator, Oluj2.1, pandur, Pohovani_00, raskoljnikov, S2M, Sandra98bg, SerbFlippy, Snorks, Srki94, suton, theNedjeljko, time, Toni, virked, vladas87, Vladko, vobo, voja64, willie, zlatkoa987, Živković