Probleme mit Design in einem Div-Container
0 0 
Felix Riesterer
Probleme mit Design in einem Div-Container
Hallo zusammen,
ich bastel gerade an einer Homepage und bin nun leider auf ein problem gestoßen wozu mir derzeitig keine Lösung einfällt.
Und zwar hab ich eine Seite mit Div-Containern aufgebaut (2 für die Navileisten und 1 für den Inhalt), da ich innerhalb der einzelnen Div´s verschiedene Designs haben wollte, habe ich im Inhalts Container eine Tabelle erstellt um dort das Design einzusetzen (Weiß Tabellen sind nicht das beste für sowas, nur leider kenn ich mich für andere Wege zu wenig aus).
Wer schauen will, das wäre die Seite derzeitig: http://muladin.mu.funpic.de
Wie man erkennen kann, wird zwischen dem Oberen und Unteren Bild des Inhalt-Contaieners nur der Hintergrund angezeigt. Jedoch nicht das was da eigentlich hin soll.
Hier wäre der dazugehörige Code:
<div id="content">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"><img src="data/frametop.gif" alt="Top" /></td>
</tr>
<tr>
<td style="background:url(data/framebacklinks.gif) repeat-y"></td>
<td width="617px" style="background:url(data/frameback.gif) repeat-y repeat-x"> </td>
<td style="background:url(data/framebackrechts.gif) repeat-y"></td>
</tr>
<tr>
<td colspan="3"><img src="data/framebottom.gif" alt="Top" /></td>
</tr>
</table>
</div>
Später soll in der tabelle per include die inhalte der einzelnen links zu sehen sein, daher hab ich in der Zeile die nicht richtig angezeigt wird dies per backround und repeat versucht.
Ich hoffe ihr könnt mir helfen.
Mit freundlichen Grüßen
Lars Gregorius
-
Hallo, Lars!
Das liegt einfach daran, dass Die Tabelle leere Felder ausblendet. Du kannst Dir nun wahlweise den Abschnitt zur <http://de.selfhtml.org/css/eigenschaften/tabellen.htm#empty_cells@title=CSS-Eigenschaft empty-cells> durchlesen oder gleich vernünftiges Markup ohne Tabellen-Layout lernen.
Gruß, LX
--
X-Self-Code: sh:( fo:) ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: Unusual
X-Please-Search-Archive-First: Absolutely Yes -
Lieber Lars,
wie LX schon andeutete, ist Dein auf Tabellen basierendes Layout problematisch. Ich möchte Dir nun einen Link zu einer Alternative anbieten, den LX anscheinend vergessen hat: <http://de.selfhtml.org/css/layouts/einfuehrung.htm@title=Einführung in CSS-basierte Layouts>
Liebe Grüße,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)