Formatierungsproblem mit <table>-Tag

lu666devil

Hi Leute!
Hab folgendes Problem: Würde gern eine Mitgliederseite von einem kleinen Verein gestalten. Die Seite soll 2 Fotos (fixe Größe) und 2 Texte (Persönliche Daten und Personenbeschreibung)

Die Form sollte folgende sein:

Code

|< 116px  >|<* (je nach Auflösung     >|<  300px  >|


-------   +----------+---------------------------+-----------+  ------
^         |Foto1     | Name:                     |           |  ^
150px     |150x      | Alter:...                 | Foto2     | 
v         |116(hxb)  |                           | 400x      |  400px (Foto) 
-------   +----------+---------------------------+ 300 (hxb) |  + Bildbeschr. 
^         |                                      |           |
*         |Personenbeschreibung                  |           |     (1-2 Zeilen) 
(je nach  |mit variablen BLABLA.                 |           | 
Länge der |                                      |           |   
Personen- |                                      |           |  
beschreib-|                                      |           | 
ung       |                                      |Bildbeschr.| 
v         |                                      |           |  v
-------   +--------------------------------------------------+  ------

Alles anzeigen

* soll bedeuten: so groß wie NÖTIG (und nicht möglich). Habs geschafft, dass die Spaltenbreiten richtig dargestellt werden. Aber bei den Zeilenhöhen check ichs nicht! Egal was ich angebe: der IE macht mir die obere immer größer (soll genau 150px sein). Hätt gern so eine Möglichkeit wie sie der <colgroup>-Tag für die Spalten bereitstellt... Hat irgendwer ne Idee???

Ich hoff irgendwer kann mir bei meinem Problem helfen (hoff ich habs halbwegs verständlich erklärt...)!
Sitz schon ne Woche täglich an diesem Problem und weiß echt nicht mehr weiter...

Hier mal der Code, den ich bis jetzt hab:

HTML

<html><head><title>test</title></head><body>
<table width="100%" border=1>
  <colgroup>
  <col width="116">
  <col width="*">
  <col width="300">
  <colgroup>
  <tr valign="top" height"150">
 <td>
 <a name="5">
 [img]*[/img]
 </a>
 </td>
 <td nowrap>
 [b]<u>Persönliches:</u>[/b]


 Name: Hugo Testmann


 Geburtsdatum: 1. September 1980


 Mitglied seit 2000


 Beruf: Möchtegern Webdesigner


 Wohnort: Daheim


 </td>
 <td rowspan="2"  align="center">
 [img]*[/img]
 Hugo an seinem Arbeitsplatz
 </td>
 </tr>
 <tr valign="top">
 <td colspan="2" heiht="*">
 [b]<u>Personenbeschreibung</u>[/b]


 Hugo ist BLA


 BLA


 BLA


 BLA


 BLA


 BLA


 BLA


 BLA


 Diese Personenbeschreibung kann manchmal 5-zeilig und manchmal 20-zeilig sein.
 </td>
 </tr></table>
</body></html>

Alles anzeigen

GreenRover

Meinst du es so:

Code

<table border="1">
  <tr>
    <td width="116" height="150" valign="top">
	 <a>Foto1</a>
	</td>
    <td width="160" valign="top">
	 <a>Name:
Alter:</a>
	</td>
    <td rowspan="2" width="300" valign="top">
	<a>Foto2</a>
	</td>
  </tr>
  <tr>
    <td colspan="2" height="400" align="left" valign="top">
	 <u>Personenbeschreibung</u>[/b]


	 Hugo ist BLA


	 BLA


	 BLA


	 BLA


 	 BLA


 	 BLA


 	 BLA


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

Alles anzeigen

Fast... Du gibst einfach mit "width=160" eine fixe Breite an. Das möcht ich nicht. (bin halt anspruchsvoll)

Bin grad beim Stöbern durch dieses tolle Forum auf die Lösung gestoßen:
Ein <table> im <table>!
Erklärung (so wie ichs versteh):
Eine Tabelle wird so klein wie möglich gemacht. Eine Tabellenzelle kann auch größer sein. Bin grad am bearbeiten. Werds posten, wenn ichs hab (und wenn das wirklich funkt...)

Trotzdem danke!

GreenRover

wo ist das problem mit den 160 ?? wie sollen sie denn ???

so klein wie möglich oder was ???

Das wollt ich:

HTML

<html><head><title>test</title></head><body>
<table border="1">
<tr>
<td valign="top">
 <table border="1">
 <tr>
 <td height="150" valign="top">
  <table border="1">
  <tr>
  <td height="150" width="116" valign="top">
  <a name="5">
  [img]*[/img]
  </a>
  </td>
  <td valign="top">
  [b]<u>Persönliches:</u>[/b]


  Name: Hugo Testmann


  Geburtsdatum: 1. September 1980


  Mitglied seit 2000


  Beruf: Möchtegern Webdesigner


  Wohnort: Daheim


  </td>
  </tr>
  </table>
 </td>
 </tr>
 <tr>
 <td>
 [b]<u>Personenbeschreibung</u>[/b]


 Hugo ist BLA


 BLA


 BLA


 BLA


 BLA


 BLA


 BLA


 BLA


 BLA


 BLA


 BLA


 BLA


 BLA


 BLA


 BLA


 BLA


 BLA


 BLA


 BLA


 BLA


 BLA


 BLA


 BLA


 Diese Personenbeschreibung kann manchmal 5-zeilig und manchmal 20-zeilig sein.
 </td>
 </tr>
 </table>
</td>
<td width="300" valign="top" align="center">
[img]*[/img]
 Hugo an seinem Arbeitsplatz
</td>
</tr>
</table>
</body></html>

Alles anzeigen

Formatierungsproblem mit <table>-Tag

Tags

Benutzer online in diesem Thema