Klurig webbdesingfråga, min width | Programmering / Grafisk formgivning | Forum

A A A

Please consider registering
Guest

Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

Lost password?
The forums are currently locked and only available for read only access
sp_Feed sp_TopicIcon
Klurig webbdesingfråga, min width
This topic is locked
Avatar
WIRN
Kommer du hit ofta?
Medlem
Forum Posts: 520
Member Since:
oktober 26, 2004
sp_UserOfflineSmall Offline
1
november 11, 2008 - 1:42 e m
sp_Permalink sp_Print

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

jonte_power
Medlem
Medlem
Forum Posts: 2674
Member Since:
december 24, 2002
sp_UserOfflineSmall Offline
1207828
november 11, 2008 - 5:14 e m
sp_Permalink sp_Print

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

Avatar
WIRN
Kommer du hit ofta?
Medlem
Forum Posts: 520
Member Since:
oktober 26, 2004
sp_UserOfflineSmall Offline
1207829
november 11, 2008 - 5:16 e m
sp_Permalink sp_Print

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

jonte_power
Medlem
Medlem
Forum Posts: 2674
Member Since:
december 24, 2002
sp_UserOfflineSmall Offline
1207839
november 11, 2008 - 5:57 e m
sp_Permalink sp_Print

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..

This topic is locked
Forum Timezone: Europe/Stockholm

Most Users Ever Online: 694

Currently Online:
243 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:

Denis Brown

Ravi Kumar

Walker Jason

saniashindet

Niklas Nallen Eriksson

health beauty

Hans Lindskog

nguyen dao

williamson pork

lonnieharperc

Forum Stats:

Groups: 11

Forums: 59

Topics: 146630

Posts: 1300967

 

Member Stats:

Guest Posters: 1

Members: 78028

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