Guten morgen, ich habe ein kleines Darstellungsproblem, größtenteils mit dem Internet Explorer 6, mit Firefox wird die Seite ziemlich richtig angezeigt. Es ist sicher leichter wenn ihr mir einfach einen kompletten TabellenCode schreibt, da der andere schon ein wenig unübersichtlich geworden ist. Wichtig ist es das es keinen abstand vom Rand gibt weil eigentlich nur Design Elemente verwendet werden, mit:

HTML-Code:

<table border="0" cellpadding="0" cellspacing="0">

...will es auch nicht so recht klappen!

Link wurde entfernt!

Danke

mfg McNiko

warum nimmst du nicht einfach container? Vorteil: beim Laden sind sie schneller und man kann sie direkter konfigurieren!

Hi,

wenn du über keine Kenntnisse beim Gestalten einer Tabelle verfügst, empfehle ich dir das Kapitel Tabellen, denn wir sind hier nicht bei "Wünsch dir was", und ebenso ist dieses Forum kein "ABM"-Dienstleister, sondern bietet den Usern Hilfe zur Selbsthilfe.

mfg Maik

@BigR16: Mit Containern habe ich noch nicht gearbeitet.

OK dann zeige ich halt wie der Code im moment aussieht vielleicht wird einen ja dann geholfen!

HTML-Code:

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="0"><img src="http://www.tutorials.de/forum/images/design_header.gif" border="0"></td>
  </tr>
  <tr>
    <td background="http://www.tutorials.de/forum/images/design_line.gif" width="20" align="left"></td>
    <td width="440" valign="top" align="left">Inhalt<br>Inhalt<br>Inhalt<br>Inhalt<br>Inhalt<br>Inhalt<br>Inhalt<br>Inhalt<br></td>
    <td valign="top" align="left">Anzeige</td>
  </tr>
  <tr>
    <td colspan="0" style="padding-left: 13px;"><b>Copyright</b></td>
  </tr>
</table>

Link wurde entfernt!

Link wurde entfernt!

@Maik: Die SELFHTML Tutorials habe ich mir bereits durchgelesen bin ja nicht erst seit heute am Programmieren!

Danke

mfg McNiko

Die Lücke unterhalb der Grafik lässt sich mit der folgenden CSS-Regel schliessen:

Code :

1 2 3

img { display:block; }

und der Abstand zum Fensterrand wird hiermit aufgehoben:

Code :

1 2 3 4

html,body { margin:0; padding:0; }

mfg Maik

OK habe den ersten Fehler schonmal gefunden:

HTML-Code:

<table border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="3"><img src="http://www.tutorials.de/forum/images/design_header.gif" border="0"></td>
  </tr>
  <tr>
    <td background="http://www.tutorials.de/forum/images/design_line.gif" width="20" align="left"></td>
    <td width="440" valign="top" align="left">Inhalt<br>Inhalt<br>Inhalt<br>Inhalt<br>Inhalt<br>Inhalt<br>Inhalt<br>Inhalt<br></td>
    <td valign="top" align="left">
    Anzeige
	</td>
  </tr>
  <tr>
    <td colspan="0" style="padding-left: 13px;"><b>Copyright</b></td>
  </tr>
</table>

...colspan musste auf 2 b.z.w. auf 3 gesetzt werden, jedoch zeigt der Internet Explorer es immernoch falsch an da er mit der Zeile unten nicht klar kommt!?

Link wurde entfernt!

Danke

mfg McNiko

Wenn schon, denn schon

Code :

1	<td colspan="[b]3[/b]" style="padding-left: 13px;"><b>Copyright</b></td>

mfg Maik

Oh danke habe ich übersehen

...er zeigt im Internet Explorer jetzt keine Lücke mehr unterhalb der Grafik an jedoch im Firefox ist sie geblieben!

HTML-Code:

<td colspan="3"><img src="http://www.tutorials.de/forum/images/design_header.gif" border="0" style="img {display:block;}"></td>

Danke

mfg McNiko

Wenn du die CSS-Regel als Inline-Style im <img>-Tag verwendest, dann bitte so:

Code :

1	<img src="http://www.tutorials.de/forum/images/design_header.gif" border="0" style="[B]display:block;[/B]">

mfg Maik

OK jetzt klappt alles DANKE...

mfg McNiko