Drei Tabellen nebeneinander setzen

Knusperkeks

Grünschnabel
Hallo,

hab da ein kleines Problem, und zwar wollte ich drei kleine Tabellen nebeneinander setzten, sprich eine linksbündig, eine zentriert und eine rechtsbündig.

Ich bin mir nicht sicher aber ich glaube das geht mit <div align="right"> oder so ähnlich...nur weiß ich nicht wie ich die nächste Tabelle neben der anderen bekomme.

Freue mich über jede Antwort

mfg Knusperkeks
 
Hi,

wenn ein verschachteltes Tabellengerüst:
HTML:
<table width="100%">
       <tr>
           <td align="left">
               <table><tr><td>Tabelle links</td></tr></table>
           </td>
           <td align="center">
               <table><tr><td>Tabelle mitte</td></tr></table>
           </td>
           <td align="right">
               <table><tr><td>Tabelle rechts</td></tr></table>
           </td>
       </tr>
</table>
nicht in Frage kommt, ist die float-Eigenschaft das Werkzeug deiner Wahl, um Blockelemente nebeneinander auszurichten:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<meta name="date" content="2009-04-13">

<title>tutorials.de | demo_Knusperkeks</title>

<style type="text/css">
<!--
#links {
float:left;
width:300px;
}
#rechts {
float:right;
width:300px;
}
#mitte {
margin:0 300px;
}
-->
</style>

</head>
<body>

<div id="links">
     <table><tr><td>Tabelle links</td></tr></table>
</div>
<div id="rechts">
     <table><tr><td>Tabelle rechts</td></tr></table>
</div>
<div id="mitte">
     <table><tr><td>Tabelle mitte</td></tr></table>
</div>

</body>
</html>


mfg Maik
 
Zurück