Page 1 of 1
Bilder zersprengen das Layout
Posted: Fri 9. Jul 2004, 18:49
by werwi007
Hi Folks,
Auf meiner Seite habe ich Produktbezogene Bilder untergebracht. Obwohl der "Content" Bereich groß genug ist (ca. 550px) wird selbst bei Bildern mit einer Breite von ca 500 px jedesmal das Menü auf der linken Seite gestaucht.
Vielen Dank für eure Hilfe.
Grüße
Werner
Posted: Fri 9. Jul 2004, 18:52
by Pappnase
hallo
mal ne ganz dumme nachfrage hast du vielleicht irgenwie einen rand drum!?
oder vielleicht verschiedene templates oder layouts und das falsche zugewiesen!?
Posted: Fri 9. Jul 2004, 19:20
by dexter
zeig mal den code
Posted: Fri 9. Jul 2004, 19:26
by Pappnase
dexter wrote:zeig mal den code
hehe dexter
das wäre meine nächste frage gewesen!
Posted: Fri 9. Jul 2004, 23:31
by werwi007
dexter wrote:zeig mal den code
hier kommt der MAIN part
Code: Select all
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%">
<table width="100%" border="0" cellspacing="5" cellpadding="0">
<tr>
<td><p>{CONTENT}</p>
<p align="right">{DATE_ARTICLE}</p></td>
</tr>
</table></td></tr>
<tr>
<td height="100%"><div align="right"><img src="img/leer.gif" width="1" height="10"></div></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td align="right" valign="bottom"><div align="right">[BACK]<img src="img/article/back_link_0.gif" border="0">[/BACK] <a href="#" target="_top" title="goto top of the page"><img src="img/article/top_link_0.gif" border="0"></a> [PRINT]<img src="img/symbols/print_icon.gif" width="44" height="9" border="0" title="open optimized page for printing">[/PRINT]</div></td>
</tr>
</table>
Posted: Sat 10. Jul 2004, 12:57
by Oliver Georgi
Warum so kompliziert?
mach es so
Code: Select all
<div style="padding:5px 5px 5px 5px;margin:0;">{CONTENT}</div>
<div style="text-align:right;padding:5px 5px 5px 5px;margin:0;">{DATE_ARTICLE}</div>
<div style="text-align:right;padding:5px 5px 5px 5px;margin:0;margin-top:10px;">
[BACK]<img src="img/article/back_link_0.gif" border="0">[/BACK]
<a href="#" target="_top" title="goto top of the page">
<img src="img/article/top_link_0.gif" border="0"></a>
[PRINT]<img src="img/symbols/print_icon.gif" width="44" height="9"
border="0" title="open optimized page for printing">[/PRINT]</div>
Das Ausrichten der Back-Button direkt am unteren Rand ist problematisch. Ein <td height="100%"> ist nicht W3C konform - möglicherweis ist sinnvoll, das in den Footer-Bereich einzubauen.
Verschachtel Deine Tabelle nicht so unnötig.
Oliver