Log In
Home
October 26, 2004
Offline
En klurig fråga till webbdesignkungarna där ute:
Jag har gjort en stordiv (den med röd border på sidan nedan) som innehåller 3 st smådivar (den gröna, gula och vita). Innehållet i den stora diven ska kunna variera i bredd.
För att de inte ska hamna under varandra när man minskar browsern har jag använt mig av min-width. Problemet är bara att det inte fungerar i IE6 och nedåt.
Hur ska jag lösa detta? Har testat en java-scriptlösning (finns på sidan) som inte fungerar.
Sidan: http://carambafilm.se/eric/tes.....min_width/
Koden:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--[if lte IE 6]>
<style type="text/css" media="screen">
div#mainContainer {
width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 102 ? "102px" : "auto");
}
</style>
<![endif]-->
</head>
<body bgcolor="#0099FF">
<table width="150" border="0">
<tr>
<td>
<div id="mainContainer" style="min-width:102px; border:solid 1px red; background-color:#999999">
<div style="float:left; ; border:solid 1px green">
[Image Can Not Be Found] [Image Can Not Be Found] </div>
<div style="float:left; width:15px; padding: 5px 0px 0px 10px; border:solid 1px yellow">
[Image Can Not Be Found] </div>
<div style="float:right; padding:0px 0px 0px 0px; border:solid 1px white">
[Image Can Not Be Found] </div>
</div>
</td>
</tr>
</table>
</body>
</html>
Tacksam för hjälp
December 24, 2002
Offline
testa denna:
#mainContainer {
min-width: 800px;
width: auto !important; /* Ignoreras av IE */
width: 800px;
}
Ett par andra synpunkter utan att vara spydig:
* varför du har en table runt allt
* varför du specar bgcolor i body-taggen när du kör CSS?
* lägg CSS'n i extern fil (ej i head eller i taggarna)
* Speca doctype (i ditt fall XHTML 1.0 tror jag)
Validera sedan koden i W3C så slipper du koda om allt sen när det kommer en ny version av FF eller IE
October 26, 2004
Offline
jonte_power wrote: testa denna:
#mainContainer {
min-width: 800px;
width: auto !important; /* Ignoreras av IE */
width: 800px;
}Ett par andra synpunkter utan att vara spydig:
* varför du har en table runt allt
* varför du specar bgcolor i body-taggen när du kör CSS?
* lägg CSS'n i extern fil (ej i head eller i taggarna)
* Speca doctyp (i ditt fall XHTML 1.0 tror jag)
På alla 4 frågor, eftersom det är en test-site. Den slutgilltiga koden kommer vara snyggare
December 24, 2002
Offline
Ja men oavsätt om det är en testsite eller inte.
Om du får problem med stilmallar och dylikt (som frågan gällde) är det bra att veta att det inte är något annat i koden som ställer till det..
Hör gärna av dig och berätta om CSS "hacket" fungerade..
1 Guest(s)
