oktober 26, 2004
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">
[Bilden hittades inte] [Bilden hittades inte] </div>
<div style="float:left; width:15px; padding: 5px 0px 0px 10px; border:solid 1px yellow">
[Bilden hittades inte] </div>
<div style="float:right; padding:0px 0px 0px 0px; border:solid 1px white">
[Bilden hittades inte] </div>
</div>
</td>
</tr>
</table>
</body>
</html>
Tacksam för hjälp
december 24, 2002
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
oktober 26, 2004
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
Most Users Ever Online: 694
Currently Online:
447 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
Andreas Galistel: 16287
Jonas Klar: 15897
ilg@dd: 10810
Nyhet: 10607
Mind: 10550
Ctrl: 10355
Gueno: 9881
Guest: 9344
Snorch: 8881
Callister: 8468
Newest Members:
TimothyrexZF TimothyrexZF
BhoblhgatKX BhoblhgatKX
BoxerKix BoxerKix
dtaleteuxh dtaleteuxh
MiltonMouttEV MiltonMouttEV
travCoundUE travCoundUE
TakumiwipHQ TakumiwipHQ
Doctorhoda Doctorhoda
CDailyseartAD CDailyseartAD
SteveWicZL SteveWicZL
Forum Stats:
Groups: 11
Forums: 59
Topics: 146630
Posts: 1300967
Member Stats:
Guest Posters: 2
Members: 78407
Moderators: 0
Admins: 11
Administrators: nordicadmin, Henrik Berntsson, Anton Karmehed, Carl Holmberg, Joel Oscarsson, Mikael Linnér, Mikael Schwartz, Andreas Paulsson, Nickebjrk, Mattias Pettersson, EmxL