Bilder zersprengen das Layout

werwi007 · Post by **werwi007** » Fri 9. Jul 2004, 18:49

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

Pappnase · Post by **Pappnase** » Fri 9. Jul 2004, 18:52

hallo

mal ne ganz dumme nachfrage hast du vielleicht irgenwie einen rand drum!?
oder vielleicht verschiedene templates oder layouts und das falsche zugewiesen!?

dexter · Post by **dexter** » Fri 9. Jul 2004, 19:20

zeig mal den code

Pappnase · Post by **Pappnase** » Fri 9. Jul 2004, 19:26

dexter wrote:zeig mal den code

hehe dexter

das wäre meine nächste frage gewesen!

werwi007 · Post by **werwi007** » Fri 9. Jul 2004, 23:31

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]&nbsp;&nbsp;<a href="#" target="_top" title="goto top of the page"><img src="img/article/top_link_0.gif" border="0"></a>&nbsp;&nbsp;[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>

Post by **Oliver Georgi** » Sat 10. Jul 2004, 12:57

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]
&nbsp;&nbsp;<a href="#" target="_top" title="goto top of the page">
<img src="img/article/top_link_0.gif" border="0"></a>&nbsp;&nbsp;
[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