tabelle zentrieren?

kann mir das gerade irgendwie auch nicht erklären. Habe den background hinter der Tabelle liegen mit den Flaggen unten dran (Sprachauswahl). Und die gucken halt jetzt im FF ein paar pixel unter der Tabelle raus und beim IE nicht. Hm.
Naja, jedenfalls schonmal vielen Dank für deine Hilfe Habe in den letzten 2 Tagen einiges an Nerven gelassen:)
Gruss, Sandro
 
Mir ist da noch was eingefallen was ich wohl vergessen habe. Könntest du mir vielleicht noch eine Ergänzung zeigen? Und zwar bräuchte ich noch den head-bereich des tables in 6 Teile unterteilt (6 Oberpunkte).
Dann geh ich Dir nicht mehr auf die Nerven:)
Schöne Grüsse, Sandro
 
Diese Unterteilung ist doch in deinem eingangs gezeigten Code enthalten :suspekt:

Ansonsten empfehle ich dir, dich in das Kapitel Aufbau einer Tabelle einzulesen, damit du weitere Aus- und/oder Umbauarbeiten im Tabellengerüst selbständig durchführen kannst.

mfg Maik
 
ok das mach ich! Wo ich jetzt einmal dabei bin hätte ich doch noch ein kleines Problem. Und zwar habe ich 5 verschiedene Hintergrundbilder für die Startseite. Weisst du vielleicht wie ich es einstellen kann das die per Zufall wechseln? Also bei jedem Aufrufen der Seite ein anderes angezeigt wird? Habe schon in vielen Foren was dazu gesehen aber irgendwie hat mir nichts geholfen?!
Hast da vielleicht ne Idee?
 
@Mike

Ich musste jetzt einfach nochmal schreiben. Bin gerade am Rande von Weissnichwas!
Wie kann es sein das der code plötzlich in FF eben nicht mehr zentriert ist?! Jedenfalls nur einseitig. Die Tabelle klebt da jetzt am oberen Bildrand! Und das wo ich am Code gar nichts verändert habe! Vor ner Stunde gings noch?
Schaust du nochmal drüber, ob sich vielleicht aus einem mir unerfindlichen Grund was verschoben hat. Also ich finde nichts..

Schonmal Danke!
Sandro

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="author" content="Maik">
<meta name="date" content="2009-02-08">

<title>tutorials.de | demo_passenger</title>

<style type="text/css">

body {
background-image: url(pics/bg1.jpg);
background-repeat: repeat-x;
background-position: 50%;
background-attachment:fixed;
background-color: #000000;
}

<style type="text/css">
<!--
html, body {
height: 100%;
margin: 0;
padding: 0;
}

table#outer {
width: 100%;
height: 100%;
text-align: center;
}

table#inner {
width: 700px;
/*height: 280px;*/ /* auskommentiert = deaktiviert */
}

table#inner thead {
height: 30px;
}

table#inner tbody {
height: 200px;
}

table#inner tfoot {
height: 50px;
}
a:link {
color: #ffffcc;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #ffffcc;
}
a:hover {
text-decoration: none;
color: #000000;
}
a:active {
text-decoration: none;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
}
.style1 {font-size: 11px}
-->
</style>

</head>
<body>

<table id="outer">
<tr>
<td align="center">
<table id="inner" border="1">
<thead>
<tr>
<td class="style1"><a href="index.html">home</a></td>
<td class="style1"><a href="about_us_eng.html">about us</a></td>
<td class="style1"><a href="gallery_eng.html">gallery</a></td>
<td class="style1"><a href="store_eng.html">store</a></td>
<td class="style1"><a href="contact_eng.html">contact</a></td>
<td class="style1"><a href="impressum_eng.html">impressum</a></td>
</tr>
</thead>
<tfoot>
<tr><td>tfoot</td></tr>
</tfoot>
<tbody>
<tr><td>tbody</td></tr>
</tbody>
</table>
</td>
</tr>
</table>

</body>
</html>:suspekt:
 
Moin,

fällt dir hieran etwas auf?

HTML:
<style type="text/css">

body {
background-image: url(pics/bg1.jpg);
background-repeat: repeat-x;
background-position: 50%;
background-attachment:fixed;
background-color: #000000;
}

<style type="text/css">
<!--
html, body {
height: 100%;
margin: 0;
padding: 0;
}

table#outer {
width: 100%;
height: 100%;
text-align: center;
}

table#inner {
width: 700px;
/*height: 280px;*/ /* auskommentiert = deaktiviert */
}

table#inner thead {
height: 30px;
}

table#inner tbody {
height: 200px;
}

table#inner tfoot {
height: 50px;
}
a:link {
color: #ffffcc;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #ffffcc;
}
a:hover {
text-decoration: none;
color: #000000;
}
a:active {
text-decoration: none;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
}
.style1 {font-size: 11px}
-->
</style>


Nicht? Okay, das "Verschachteln" des <style>-Tags ist nicht zulässig.

Einen weiteren Tipp hätte ich auch noch für dich:

Code:
...
<tfoot>
<tr><td colspan="6">tfoot</td></tr>
</tfoot>
<tbody>
<tr><td colspan="6">tbody</td></tr>
</tbody>
...


mfg Maik

P.S. Nutze bitte zukünftig bei Quellcodeangaben die Highlight-Tags ( [ code ]...[ /code ], [ html ]...[ /html ], usw. - ohne Leerzeichen ) ;)
 
Ok super. Sowas blödes. Naja nochmalls danke. Dieses einbauen von colspan ist glaub ich für bessere Ledezeiten der Tabellen oder?
Achja und würdest du mir vielleicht nochmal sagen welchen Teil und wohin ich den Code für das wechselnde Startbild hinsetze?
Schöne Grüsse, Sandro

<!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>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#banner {
height:100px;
border:1px solid #000;
background:#ffffcc url(images/pmoblogob.jpg) no-repeat center center;
}
</style>
<script type="text/javascript">
<!--
if (document.getElementById) { window.onload = swap };

function swap() {
var numimages=7;
rndimg = new Array("images/screen2col1.gif", "images/screen2col2.gif", "images/screen2col3.gif", "images/screen2col4.gif", "images/screen2col5.gif", "images/screen2col6.gif", "images/pmoblogoa.jpg");
x=(Math.floor(Math.random()*numimages));
randomimage=(rndimg[x]);
document.getElementById("banner").style.backgroundImage = "url("+ randomimage +")";
}
//-->
</script>
</head>
<body >
<div id="banner"></div>
</body>
</h
 

Neue Beiträge

Zurück