6 svar · 329 visningar · startad av Davvan
Någon som vet hur man löser detta:
Har en DIV tagg som jag har satt till float left. I div taggen så finns ett antal tabeller. Min fråga är om man kan få innehållet i alla celler i alla tabeller att vara centrerat, alternativt att alla tabeller är dess innehåll är centrerat även fast div taggen som omringar dem flyter till vänster??
Skulle vara grymt tacksam om någon tog sig tid! :)
Funkar det inte med
table td{
text-align: center;
}
Jag är dock inte säker på att jag förstog frågan
Detta är också en lösning, beroende på litegrann vad du är ute efter...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
#foo {float:left; border:1px solid red; width: 100%}
#foo table {margin: 0 auto; width:50%; border:1px solid green; text-align:center;}
</style>
</head>
<body>
<div id="foo">
<table>
<tr>
<td>
test
</td>
<td>
test
</td>
</tr>
</table>
<table>
<tr>
<td>
test
</td>
</tr>
</table>
</div>
</body>
</html>
javisst, det ska centerera allt innehåll i cellen/cellerna så länge man inte manipulerar positioneringen.