Tabelle positionieren

[Ziribixi]

Hallo und guten Abend,
nun suche ich schon so lange nach einer Lösung und hoffe, ihr könnt mir helfen: Und zwar möchte ich 2 Divs nebeneinander positionieren, was auch klappt. Allerdings enthält das eine Div eine Tabelle und die, und zwar nur die, wird unter allem anderen angezeigt, aber nur im Firefox, im IE ist alles ok. Hier mal der Code:
body {
background-color: #ffffff;
font-size: 1em;
height: 100%;
}
#all {
width: 100%;
height: 100%;
}
#header {
width: 100%;
height: 120px;
left: 0px;
top: 0px;
background-image: url(header.jpg);
background-position: center;
}
#nav {
top: 200px;
left:0%;
width: 30%;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
padding-left: 5px;
float: left;
}
#main {
top: 200px;
left: 30%;
width: 70%;
text-align: center;
color: #ff0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-style: normal;
}
table {
border: thin double Red;
text-align: center;
}
td {
border: thin double Red;
}

Könnt ihr mir helfen? Jedenfalls schon jetzt vielen Dank für jeden Tipp.

LG
Ziribixi

[sejuma]

Da bräuchte man noch den zugehörigen HTML-Code, noch besser einen Link zur Seite.

Hier z.B. (ebenso bei #heaeder und #main)

Code: Alles auswählen

#nav {
top: 200px;
left:0%;
width: 30%;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
padding-left: 5px;
float: left;
}

machen die Angaben top und left keinen Sinn. Verwende deshalb margin-top und margin-left.

Dann ist die Seite breiter als 100%:
wenn #nav 30% und #main 70% haben, dann sind die 100% beretis erreicht. Hinzu kommen aber noch die 5px padding-left von #nav.

[Ziribixi]

Du bist ein Genie . Und ich dachte immer top und margin-top z.B. bewirken das gleiche. War aber nicht. Habs auf margin-top und margin-left geändert und jetzt wird auch die Tabelle richtig positioniert. Musste nicht mal die 5px padding rausnehmen (hab ich aber trotzdem, weil stimmt ja, sind mehr als 100%). Ehrlich gesagt verstehe ich das nicht so richtig, warum es jetzt funktioniert, aber ich bin froh, dass es so ist und werds mir merken.
Ganz, ganz lieben Dank für die schnelle Hilfe.
LG
Ziribixi

[sejuma]

Zum Verständnis:
"top" oder "left" u.ä. sind die Positionierungsangaben im Zusammenhang mit Elementen, welchen die Eigenschaft "position: absolute;" oder "position: relative" zugewiesen sind. Kommen also immer nur mit einem von denen gemeinsam vor.
Das brauchst du allerdings nicht, weil margin- und float-Angaben einfacher und besser sind.
Absolute Positionierungen sollte man nur dann verwenden, wenn man sich über deren Bedeutung bewusst ist, siehe http://www.ohne-css.gehts-gar.net/0045.php

[Ziribixi]

Nochmal ganz lieben Dank, jetzt auch für die Erklärung.
LG
Ziribixi