W wmaster Medlem sedan dec. 2001 349 inlägg Trådstart 1 mars 2007 20:43 #1 Behöver hjälp med en csslösning angående text-wrapping (på svenska?).
http://www.blåbjörn.se/test/test.html
Vad jag vill åstadkomma är att figurtexten maximalt ska få ha samma samma bredd som bilden, om den är längre fortsätter texten på en ny rad under. Jag vill helst undvika att sätta storlek på bild då denna ska kunna variera. Hur kan jag lösa detta?
Tack
Z zcorpan Medlem sedan dec. 2004 2 245 inlägg .floatimg { display:table; max-width:0; }
För IE? Tja, kanske använda en expression som sätter samma bredd som bilden eller nåt.
W wmaster Medlem sedan dec. 2001 349 inlägg Bra tips! Just nu har jag detta:
floatimg { display:table; max-width:0; float: right; padding: 20px; font-size: 80%;}
.floatimg p{ display:table; max-width: 0; float: right;}
Men för IE hur funkar det egentligen med expression?Något såndant eller? :/
width:expression(220 + "px");
Z zcorpan Medlem sedan dec. 2004 2 245 inlägg
wmaster skrev:
Bra tips! Just nu har jag detta:
floatimg { display:table; max-width:0; float: right; padding: 20px; font-size: 80%;}
.floatimg p{ display:table; max-width: 0; float: right;}
Den andra raden behövs nog inte... (Och den första raden saknar en punkt före.)
wmaster skrev:
Men för IE hur funkar det egentligen med expression?Något såndant eller? :/
width:expression(220 + "px");
Ja, typ.
.floatimg { display:table; max-width:0; float:right; padding:20px; font-size:80%; !width:expression(this.getElementsByTagName("img")[0].clientWidth + "px"); /* ie */ !max-width:none; /* ie7 */ }
W wmaster Medlem sedan dec. 2001 349 inlägg Hm tackar, men kör jag denna så fungerar det i IE, dock inte i FF.
.floatimg p{ display:table; max-width: 0;float: right;}
fungerar det i FF men inte i IE
Edit:
Jag som klantade mig lite, nu fungerar det! Tack så mycket zcorpan
