• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

2 Tabellen nebeneinander, komplikationen

T-Flash

Neues Mitglied
Hallo,
da ich derzeit dabei bin 2 Tabellen nebeneinander zu basteln, aber derzeit Probleme habe, würde ich mich freuen wenn man mir helfen könnte.

Zu dem Problem: In Firefox funktioniert es, dass beide Tabellen nebeneinander angezeigt wereden so wie gewollt. Jedoch in IE und Opera z.B (getestet) werden die Tabellen untereinander angezeigt. Habe mich auch in zicht Forums bereits durchgesucht. Jedoch krieg ich die Lösung einfach nicht hin, dass auch IE und Opera die Tabellen nebeneinander anzeigen.

Wo könnte der Fehler liegen, dass IE und Opera es nicht wie Mozilla Firefox nebeneinander anzeigen wollen ?


Vielen Dank schonmal im vorraus.

Liebe Grüße,
T-Flash



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>******</title>
<style type="text/css">
body {
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 100% 50%;
background-image: url(img/bg.jpg);
}
.t1 {
color: #00bffF;
font-weight: bold;
font-style: italic;
text-align: center;
font-size: 20px;
}
.t2 {
color: #F00;
font-weight: bold;
font-style: italic;
text-align: center;
font-size: 30px;
}
.t3 {
color: #b0e0e6;
font-weight: bold;
font-style: italic;
text-align: center;
font-size: 20px;
}
body,td,th {
font-weight: bold;
}
</style>
</head>

<body>
<table style="float: left; margin-right: 12px;" width="70%" height="100%">
<tr>
<th width="70%" valign="left"><p><a href="http://*****.com/"><img src="img/banner-de.jpg" width="1558" height="83" /></a></p>
<p><img src="img/status.jpg" width="1558" height="83" /></p>
<center>
<div style="background-color:black;
width:600px;
padding: 10px;
margin: 15px;
border-top: 11px green solid;
border-right: 20px red double;
border-bottom: 11px green solid;
border-left: 20px red double;
">
<div align="center">
<?php include("index2-de.php"); ?>
</div>
</div></center>
<div align="center">
<p align="left" class="t1"><img src="img/icones_00728.png" width="122" height="84" /></p>
<p class="t1"><strong>Achtung:<br />Unser **** startet jeden Morgen zwischen 4:58 Uhr und 5:05 Uhr (GMT+1), nach Deutscher Zeitzone ab.<br />
Verbundene User bzw. User mit einer aktiven Verbindung werden zwischen dieser Zeit Ihre Verbindungen verlieren.<br />
Bitte **** nichts von unseren **** zu dieser Zeit, oder verbindet euch in dieser Zeit nicht.<br />
Vielen Dank!</strong> </p>
<p class="t3"><u>In welchen Bereich würdet ihr einträten wollen ?<br />
Bitte wählt eines davon weiter unten aus.</u></p>
</div></th></tr></table>
<table style="float:right;" width="30%" height="100%">
<table width="30%">
<tr>
<td><div>
<p><a href="http://*****/file/"><img src="img/dateien.jpg" width="150" height="181" align="middle" hspace="10" /></a></p>
<p><a href="http://*****/photo/"><img src="img/fotos.jpg" width="150" height="181" align="middle" /></a></p>
<p><a href="http://*****/audio/"><img src="img/musik.jpg" width="150" height="181" align="middle" hspace="10" /></a></p>
<p><a href="http://*****.net/video/"><img src="img/video.jpg" width="150" height="181" align="middle" /></a></p>
</div></td>
</tr>
</table>
</body>
</html>
 
Kannst du eventuell konkreter andeuten was an den Tabellen nicht stimmen soll ?
Hspace gibt es im übrigen schon, andernfalls würde doch Firefox es nicht umsetzen oder ? Was ich damit erzielen will, klappt aufjedenfall..

Aber was soll an den Tabellen nicht richtig sein ? Mit Tabellen sind der Fehler kann ich nichts anfangen da könnte jede Attribute Fehlerhaft sein, wo genau ?
 
Du verwendest Tabellen als Grundgerüst für deine Seite. Das ist falsch. Tabellen sind nur für tabellarische Daten gedacht, für nichts anderes. In deinem Fall erschwerst Du dir die Gestaltung der Seite dadurch, dass Du Tabellen genau dafür verwendest wofür man sie nicht verwenden sollte.

Also: verzichte auf die Tabellen und bau die Seite so auf wie HTML-Elemente gedacht sind. Am besten schaust Du dir mal HTML5 an, da sind Elemente wie header und nav dabei die die Inhalte viel besser semantisch formatieren und auch noch einfacher zu Stylen sind als Tabellen.
 
Zurück
Oben