higaMedlem sedan aug. 2000356 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?
PepeJeriaMedlem sedan feb. 2003779 inlägg
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. 2000356 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.
PepeJeriaMedlem sedan feb. 2003779 inlägg
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. 2000356 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;}
