October 26, 2004
![sp_UserOfflineSmall](https://nordichardware.se/wp-content/sp-resources/forum-themes/reboot/images/darkpack/sp_UserOfflineSmall.png)
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
![sp_UserOfflineSmall](https://nordichardware.se/wp-content/sp-resources/forum-themes/reboot/images/darkpack/sp_UserOfflineSmall.png)
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
![sp_UserOfflineSmall](https://nordichardware.se/wp-content/sp-resources/forum-themes/reboot/images/darkpack/sp_UserOfflineSmall.png)
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
1 Guest(s)
![sp_Information](https://nordichardware.se/wp-content/sp-resources/forum-themes/reboot/images/darkpack/sp_Information.png)