Százalékos szélessége gyermek eleme abszolút pozicionált szülő Internet Explorer 7

szavazat
249

Van egy abszolút pozicionált divtartalmazó több gyermek, amelyek közül az egyik egy viszonylag elhelyezve div. Ha használom a százalék alapú szélessége a gyermek div, akkor összeesik „0” szélesség Internet Explorer 7 , de nem a Firefox vagy a Safari.

Ha használom pixel szélességű , működik. Ha a szülő viszonylag elhelyezve, a százalékos szélességét a gyermek dolgozik.

  1. Van valami, amit hiányzik itt?
  2. Van egy egyszerű megoldás erre a mellett pixel-alapú szélessége a gyermek?
  3. Van olyan terület a CSS specifikáció, amely lefedi ezt?
A kérdést 31/07/2008 21:08
a forrás felhasználó
Más nyelveken...                            


6 válasz

szavazat
129

A szülő divszüksége van egy meghatározott width, akár pixel vagy százalékban. Az Internet Explorer 7, a szülő divszüksége van egy meghatározott widthgyermek százalékos divs helyesen működjenek.

Válaszolt 01/08/2008 11:22
a forrás felhasználó

szavazat
53

Itt van néhány minta kódot. Azt hiszem, ez az, amit keres. A következő kijelzők pontosan ugyanaz a Firefox 3 (Mac), és IE7.

#absdiv {
  position: absolute; 
  left: 100px; 
  top: 100px; 
  width: 80%; 
  height: 60%; 
  background: #999;
}

#pctchild {
  width: 60%; 
  height: 40%; 
  background: #CCC;
}

#reldiv {
  position: relative;
  left: 20px;
  top: 20px;
  height: 25px;
  width: 40%;
  background: red;
}
<div id="absdiv">
    <div id="reldiv"></div>
    <div id="pctchild"></div>
</div>

Válaszolt 05/08/2008 04:54
a forrás felhasználó

szavazat
34

IE 8-át megelőzően egy időbeli szempont, hogy a doboz modell leginkább problémát okoz a százalékos alapú szélességben. Az Ön esetében van egy abszolút pozicionált divalapértelmezés szerint nincs szélességét. Szélessége kerülnek kidolgozásra alapján pixel szélességű tartalma és után kerülnek kiszámításra a tartalom megjelenítésekor. Tehát azon a ponton találkozik IE amitől a viszonylag elhelyezve diva szülő szélessége 0, ezért miért maga összeesik 0.

Ha szeretne egy alaposabb tárgyalását ez együtt sok példákban, egy gúnár itt .

Válaszolt 04/09/2008 08:02
a forrás felhasználó

szavazat
30

Miért nem a százalékos szélességét gyermek abszolút pozicionált szülő munkát IE7?

Mert ez az Internet Exploder

Van valami, amit hiányzik itt?

Ez azt jelenti, hogy emelje fel a munkatárs / ügyfelek figyelmét, hogy az IE szar.

Van könnyű megoldás mellett a pixel-alapú szélességét a gyerek?

Használja emegységek ők inkább hasznos, ha létre folyékony elrendezések, amennyit csak lehet használni őket padding és árrések, valamint a betűméretet. Tehát a fehér térben növekszik és csökken arányosan a szöveget, ha az átméretezett (amely valójában, amire szüksége van). Nem hiszem százalékos így finomabb szabályozására, mint EMS; nincs semmi megállítani meghatározva századmásodpercekben EMS (0,01 cm) és a böngésző értelmezi, ahogy jónak látja.

Van olyan terület a CSS specifikáció, amely lefedi ezt?

Nincs, amennyire emlékszem em's és% s szánták betűméret egyedül vissza CSS 1.0.

Válaszolt 13/05/2009 06:47
a forrás felhasználó

szavazat
28

Azt hiszem, ez van valami köze, ahogy a hasLayouttulajdonság végre a régebbi böngészője.

Próbálta már a kódot IE8, hogy ha működik is ott van? IE8 van egy hibakereső ( F12), és szintén fut IE7 módban.

Válaszolt 22/10/2010 15:21
a forrás felhasználó

szavazat
1

Az divigények, hogy egy meghatározott szélesség:

<div id="parent" style="width:230px;">
    <div id="child1"></div>
    <div id="child2"></div>
</div>
Válaszolt 07/09/2018 13:53
a forrás felhasználó

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more