Seite 1 von 1

2 Boxen nebeneinander

Verfasst: 14.03.2006 19:32
von scheibenbrot
Hallo,
ich hab hier einen Code erstellt, wobei 2 Boxen nebeneinander sein sollen.
Hier der Code:

Code: Alles auswählen

<!-- BEGIN switch_user_logged_in -->
<table width="45%" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr>
   <td class="catHead" colspan="2" height="28" align="center"><span class="cattitle">Deine Daten</span></td>
  </tr>
  <tr>
   <td class="row1">

   blablabla....

   </td>
  </tr>
</table>

<div align="right"><table width="45%" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr>
   <td class="catHead" colspan="2" height="28" align="center"><span class="cattitle">Deine Daten</span></td>
  </tr>
  <tr>
   <td class="row1">

   blablabla....

   </td>
  </tr>
</table></div>
<!-- END switch_user_logged_in -->
Es sieht jetzt so aus:

[ externes Bild ]


daraus soll werden:

[ externes Bild ]

Kann mir da jemand helfen??
Ich weiß nicht mehr weiter :(

Cool

Verfasst: 14.03.2006 19:50
von mad-manne
Also ich bin nach wie vor nicht der Experte mit css, Layern etc. mit denen man das bestimmt auch lösen kann :roll: ... aber wenn du diese beiden Tabellen wiederum in eine "Mastertabelle" einbettest, wird's klappen ...

Code: Alles auswählen

<table align="center" width="100%" cellpadding="0" cellspacing="0" border="0">
	<tr>
		<td>
			<!-- hier kommt dann deine linke Tabelle rein -->
		</td>
		<td width="30">&nbsp;</td>
		<td>
			<!-- hier kommt dann deine rechte Tabelle rein -->
		</td>
	</tr>
</table>
Gruss,
Manne.

Verfasst: 14.03.2006 19:53
von S2B
Entweder du packst es in eine Layout-Tabelle:

Code: Alles auswählen

<table cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr>
    <td width="50%">
      Tabelle 1 (mit width="90%")
    </td>
    <td width="50%" align="right">
      Tabelle 2 (mit width="90%")
    </td>
  </tr>
</table>
... oder du nimmst div:

Code: Alles auswählen

<div style="float: left">
  Tabelle1
</div>
<div style="float: left">
  Tabelle 2
</div>
<div style="clear: left"></div>
Bei diesem Fall wirst du wahrscheinlich bei <div> noch ein paar Sachen anpassen müssen. :wink:

Edit: @mad-manne: *grml* :D

Verfasst: 14.03.2006 19:59
von scheibenbrot
ok,
habe die Idee von mad-manne, weil die als erstes dar war :D
Hat genau meinen Wunsch erfüllt, dankeschön :)