Autor Zpráva
Tomík
Profil
#1 · Zasláno: 7. 9. 2005, 15:43:09
Odpovědět Citovat
Ahojda nevite nekdo jak hacknou IE aby podporoval min-width
dik
centi
Profil
#2 · Zasláno: 7. 9. 2005, 16:03:43
Odpovědět Citovat
Pre prehliadače nastav ktoré to podporujú nastav vlastnosť min-width normálne a pre explorer následne nastav vlastnosť width (chybne ju totiž chápe ako min-width).
Čiže napríklad takto:

p {min-width: 100px; _width: 100px;}
Martin Kuželka
Profil
#3 · Zasláno: 7. 9. 2005, 16:07:45
Odpovědět Citovat
centi: IE zvládá vlastnost width úplně normálně. Ten tvůj postup je blbost.

Tomík: koukni na http://www.pixy.cz/pixylophone/2004_05_archiv.html#1084794481 .
centi
Profil
#4 · Zasláno: 7. 9. 2005, 16:34:08
Odpovědět Citovat
Martin Kuželka
No pokial viem, tak Explorer vlastnosť width nezvláda až tak normálne ako by mal. Vlastnosť width totiž určuje, ako široký má element byť. Ani o pixel viac, ani o pixel menej. Ak je obsah daného elementu vačší ako stanovené width, tak by mal pretiecť cez šírkú elementu (prípadne sa schovať, podľa nastavenia overflow).
Explorer to takto ale nechápe a aj pri nastavenej vlastnosti width element jednoducho roztiahne na takú šírku aby sa tam vopchal jeho obsah (napríklad nejake dosť dlhé slovo). Čiže robí presne to, čo by mala robiť vlastnosť min-width.

Schválne si skús toto HTML v exploreri a napríklad vo firefoxe a uvidíš, že napriek tomu, že som zadal šírku 50px, Explorer ten odstavec roztiahne tak aby sa tam ten text vopchal. Firefox to pochopí správne a šírku nechá takú aká má byť a text proste pretečie. Ak však ten štýl upravíš podľa toho čo som už napísal (teda min-width: 50px; _width: 50px;) tak dosiahneme požadovaný výsledok. 


<html>

<head>

<style type="text/css">

	p {width: 50px; border: 1px solid red; float: left;}

</style>

</head>

<body>

	<p>asfasdfsaasfasdfasdfasdfasdfasdfasdafsdfasdfasd</p>

</body>

</html>
Martin Kuželka
Profil
#5 · Zasláno: 7. 9. 2005, 16:38:58 · Upravil/a: Martin Kuželka
Odpovědět Citovat
centi: a ty zkus dát do toho odstavce normální text i s mezerama :-)

Je pravda, že Explorer má (včetně verze 6.0 v quirk modu) problémy s box modelem, ale o to tady nejde.
centi
Profil
#6 · Zasláno: 7. 9. 2005, 16:46:38
Odpovědět Citovat
Martin Kuželka
Jasné, ide ale o to, že IE nechápe vlastnosti width a height ako fixné, ale podľa potreby si ich roztiahne (na čo by mali slúžiť práve vlastnosti min-width a min-height). Ak má element nastavené width a height, tak by proste také rozmery mal zachovať za každých okolností. Ale IE ich s kľudným svedomím roztiahne a teda sa správa ako pri min-* hodnotách.
Šlaha
Profil
#7 · Zasláno: 7. 9. 2005, 19:24:49
Odpovědět Citovat
Tady má Centi pravdu, zápis 
p {min-width: 100px; _width: 100px;}

_width: 100px; udělá v ie to, co v opeře a gecku min-width: 100px
hans
Profil *
#8 · Zasláno: 7. 9. 2005, 19:35:21
Odpovědět Citovat
muzes zkusit takovouhle ptakovinu, co jsem pouzil na svych strankach
je tam pevne nastavena max. i min. sirka, melo by to fachcit stejne v IE, Opere i Mozille

funguje to tak, ze sirka sloupce se pohybuje dle velikosti okna prohlizece cca od 720 do 985 px
pri mensi sirce okna se dole objevi jezdec, pri vetsi sirce se sloupec s obsahem vycentruje a jeho sirka se nezvetsuje - na bocich se zvetsuje margin (mezera)

*telo zacina jednoduse
<body>
<div id="main">
<div id="maximum">
.
.
.


*CSS vypada takto
body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #EEEEEE;
color: #000000;
text-align: center;
}
#main {
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 0px 10px;
max-width: 985px;
min-width: 720px;
width: expression(document.body.clientWidth < 755? "755px" : "auto" );
}

#maximum {
text-align: left;
width: expression(document.body.clientWidth > 960? "960px" : "auto" );
}
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0