Zentrierung

[Christoph]

Hallo liebe Forumler,

ich häng mich gleich auf. Ich habe ein Layout von einem Grafiker vorbekommen, nachdem es genauso aussehen soll!
Ok, aber ich komm ja schon bei der einfachsten Aufgabe nicht weiter.
Also mein Problem, ich habe eine Tabelle mit 3 Spalten und 3 Reihen.

<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr>
 <td></td>
 <td width="300" align="center" valign="middle"><img src="images/telecommunicationtext7_test.gif" width="300" height="450"></td>
 <td></td>
</tr>
<tr>
 <td></td>
 <td width="300" align="right"><a href="telekommunikation8.html"><img src="images/pfeilrot.gif" align="right" border="0" width="32" height="31"></a><a href="telekommunikation2.html"><img src="images/pfeilrot_links.gif" align="right" border="0" width="32" height="31"></a></td>
 <td></td>
</tr>
</table>

Da wo in der Mitte das Bild ist, soll die genaue Breite 300px sein, aussen die Tabelle soll zentriert sein. Quasi das immer das Bild zentriert ist, aber eine feste Breite hat. Denn unter dem Bild kommen 2 Navigationspfeile die halt am Raster des Bildes rechts kleben sollen! Daher dachte ich mir machste die Spalte auch 300px breit, aber der Mozilla zeigt zwar alles mittig und so an, aber die Pfeile stehen ganz rechts aussen, also nicht am Raster zum Bild. Der IE machts richtig, aber stellt die ganze Tabelle nicht mittig dar sondern ganz links!? Weiss da jemand Rat und kann mir bitte helfen?
Vielen lieben Dank

Gruß Christoph

[Patrick Schröder]

Hallo liebe Forumler,

ich häng mich gleich auf. Ich habe ein Layout von einem Grafiker vorbekommen, nachdem es genauso aussehen soll!
Ok, aber ich komm ja schon bei der einfachsten Aufgabe nicht weiter.
Also mein Problem, ich habe eine Tabelle mit 3 Spalten und 3 Reihen.

<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
 <td></td>
 <td></td>
 <td></td>

in diesen Zellen ist nichts vorhanden, also wird ohne Inhalt auch kein Platz reserviert. Kannst du ändern durch z.B. <td width="50%"> in der ersten und der dritten Spalte. Die 50% beziehen sich dabei auf den "Rest" von den schon verbrauchten 300px.

</tr>
<tr>
 <td></td>
 <td width="300" align="center" valign="middle"><img src="images/telecommunicationtext7_test.gif" width="300" height="450"></td>
 <td></td>
</tr>
<tr>
 <td></td>
 <td width="300" align="right"><a href="telekommunikation8.html"><img src="images/pfeilrot.gif" align="right" border="0" width="32" height="31"></a><a href="telekommunikation2.html"><img src="images/pfeilrot_links.gif" align="right" border="0" width="32" height="31"></a></td>
 <td></td>
</tr>
</table>

Aus den Bildern würde ich das align-Tag rausnehmen, weil es eigentlich für den Text-Verlauf um das Bild herum gedacht ist.

Da wo in der Mitte das Bild ist, soll die genaue Breite 300px sein, aussen die Tabelle soll zentriert sein. Quasi das immer das Bild zentriert ist, aber eine feste Breite hat. Denn unter dem Bild kommen 2 Navigationspfeile die halt am Raster des Bildes rechts kleben sollen! Daher dachte ich mir machste die Spalte auch 300px breit, aber der Mozilla zeigt zwar alles mittig und so an, aber die Pfeile stehen ganz rechts aussen, also nicht am Raster zum Bild. Der IE machts richtig, aber stellt die ganze Tabelle nicht mittig dar sondern ganz links!? Weiss da jemand Rat und kann mir bitte helfen?
Vielen lieben Dank

Gruß Christoph

Hoffe, ich konnte dir weiterhelfen.

Gruß Patrick

[Christoph]

Hi Patrick

in diesen Zellen ist nichts vorhanden, also wird ohne Inhalt auch kein Platz reserviert. Kannst du ändern durch z.B. <td width="50%"> in der ersten und der dritten Spalte. Die 50% beziehen sich dabei auf den "Rest" von den schon verbrauchten 300px.
Hoffe, ich konnte dir weiterhelfen.

Haha genau das wars gewesen! Merci! Jetzt hab ich wieder gute Laue :)
Vielen vielen Dank nochmal!

Gruß Patrick

LG Christoph