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

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Dakle, vec nekoliko puta imao sam problema sa ovim glupim bugom

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

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

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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...

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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

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

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

@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...

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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

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