Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 06.10.2010, 14:58
SpecialFighter SpecialFighter ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 06.10.2010
Beiträge: 177
SpecialFighter befindet sich auf einem aufstrebenden Ast
Frage Tabellen als Div Container

Hallo alle zusammen,

man soll ja anstelle von tabellen nur noch div container verwenden.

Nun habe ich versucht meine index.html (Tabellen verseucht ) durch div container zu ersetzen.

Aber iwie haut das nicht so hin. Am ende sieht alles sehr komisch aus.
Wäre jemand so nett und könnte mir meine index.html mal anpassen damit ich sehe wie es richtig aussehen muss.

Schon mal vielen Dank

Hier die index.html:


HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Titel - Startseite</title>

</head>
<body id="page1">

<table class="main_table">
<tr>
<td class="site_center">
<table class="site_center1">
<tr>
<td>
<!-- Header -->
</td>
</tr>
<tr>
<td>
<table id="content">
<tr>
<td>
<table class="row2">
<tr>
<td>
<table class="col2">
<tr>
<td style="height:314px; width:233px" class="bg_color">
<!-- Inhalt linke Box -->
</td>
</tr>

<tr>
<td style="height:28px"></td>
</tr>
</table>
</td>
<td>
<table class="col3">
<tr>
<td class="box1">
<div>
<img alt="" src="" /><br />
<p style="line-height:20px;">
<!-- Content -->
</p>
<img alt="" src="" class="indent" />
</div>
</td>
</tr>
<tr>
<td>
<table class="box2">
<tr>
<td style="width:295px">
<div style="margin:0px 30px 10px 48px">
<img alt="" src="" />
</div>
</td>
<td style="width:1px" class="bg_li_bot"><img alt="" style="margin-top:79px" src="" /></td>
<td style="width:295px">
<div style="margin:0px 30px 10px 48px">
<img alt="" src="" />
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table>
<tr>
<td>
<table id="footer">
<tr>
<td class="row1"></td>
</tr>
<tr>
<td class="row2">
<div style="float:left; width:600px;">
<!-- Footer Inhalt -->
</div>

<!-- PAYPAL SPENDE BUTTON -->
<div>
<!-- Button -->

</div>
<!-- PAYPAL SPENDE BUTTON -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Monitoring -->
</body>
</html> 
Mit Zitat antworten
Sponsored Links