higaMedlem sedan aug. 2000359 inlägg Fungerar inte max-width på tabeller på något vänster?
Denna kod fungerar inte i Moz1.4 eller i Opera7
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Test</title>
<style type="text/css">
<!--
table.test {max-width: 666px; border: 1px dotted olive; background: yellow; color: blue;}
-->
</style>
</head>
<body>
<table summary="" class="test">
<tr>
<td>Ska man skriva något här?</td>
</tr>
</table>
</body>
</html>
Däremot får tabellen rätt storlek i både Moz och Opera7 om jag lägger till display:block, innebär det att max-width egentligen inte ska användas på tabeller eller något sånt?
På w3c:s site står det:
Applies to: all elements except non-replaced inline elements and table elements
http://www.w3.org/TR/REC-CSS2/visudet.html#min-max-widths
Du kan väl använda en vanlig width? Texten kommer ju wrappa när den när slutet.
higaMedlem sedan aug. 2000359 inlägg Tackar, då får jag väl använda nästlade divor istället för tabeller när det gäller sidhuvudena.
Föredrar helt klart max-width framför vanlig width då det ser bra ut oberoende av upplösning och fönsterstorlek.
Jepp, väldigt smidigt, men tyvärr så stöds inte detta i IE 6... De ligger verkligen efter då det gälller css2 i den browsern :(
higaMedlem sedan aug. 2000359 inlägg Går ju iofs att trixa lite med selectors så att moderna webbläsare kör max-width och omoderna kör width som kompromiss, t ex
p.flow {width: 500px;}
body p[class="flow"] {width:auto; max-width: 500px;}
