tabelle in DIV top platzieren

[cd]

Hallo zusammen,
um kurzfristig eine Layoutänderung durchzuführen muß ich
auf einer SEite css-divs und Tabellenlayouts mischen.

ich möchte in einem Header-div eine Grafik genau rechts oben platzieren.
durch ein div ist eine navi auch in dden header eingebaut.

mein problem ist, dasss die tabelle 5-10px zu tief beginnt und ich nicht weiss warum...
horizontal passt es.

ich versuche mal die wichtigen teile des templates und der css-datei
zu zeigen:

<div id="container">
 <div id="header" onclick="location.href='http://www.heimspiel-online.de/index.php?id=1'" style="cursor: pointer;">
 <!-- ###TOPNAV### START -->
 <div class="topnav"> <a href="#">Navigation One</a> </span> <span class="topnav_act"><a href="#">Navigation two</a> </div>
 <!-- ###TOPNAV### END -->
<table width="998" height="90">
<tr>
<th width="998" height="83" align="right" valign="top">
<img src="mz.jpg">
</td>
</tr>
<tr>
<td width="985" height="7" align="right" valign="top">

<script language="javascript">
<!--
var Datum = new (Date);
var Tag = Datum.getDate();
var Wochentag = Datum.getDay();
var Monat = Datum.getMonth();
var Jahr = Datum.getYear();
var Tagname = new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag");
var Monatname = new Array("Januar","Februar","März","April","Mai","Juni","Juli","August","Sept.","Oktober","November","Dezember");
var stunde = Datum.getHours();
var min = Datum.getMinutes();

document.write(Tagname[Wochentag]+", "+Tag+". "+Monatname[Monat]);
//-->
</script>
</td>
</tr>
</table>
 </div>

und

#container {
border:1px solid #ffffff;
top:20px;
left:10px;
background:url(../images/background.gif) 0 0 repeat; position:relative;
width:1000px;
min-height:600px;
margin:0;
text-align:left;

}

a img {border:none}

#header{
clear:both;
text-align:left;
vertical-align:top;
padding:0px;
top:0px;
left:0px;
width:1000px; height:117px; background:url(../images/header.jpg) 0 0 no-repeat; position:relative;
z-index: 10;
}

.header a{
text-decoration:none;
}

hier noch ein link wie es aussieht:
http://www.ultimo-muenster.com/test/screenshoit.jpg

bin gespannt auf feedback...

gruß cd

[cd]

mmmhhhh...noch kein feedback?
mir ist zudem aufgefallen, dass im IE 7 das Pic komplett verschwindet,
wahrscheinlich unter dem Header liegt. denke aber mal das liegt am z-index oder?

[Marc]

Hallo cd,

mein problem ist, dasss die tabelle 5-10px zu tief beginnt und ich nicht weiss warum...

#container {
/* [...] */
top:20px; /* Wenn Du weniger willst, schreib halt weniger... */
left:10px;
width:1000px; /* Du setzt aber Riesen-Bildschirme voraus... :-( */
min-height:600px;
/* [...] */
}

Viele Grüße,
Marc.

[cd]

Hi Marc, danke für die Antwort.
Allerdings funzt das nicht, weil dann der ganze Container hochgeschoben wird inkl. Header und inkl. Grafik.
noch ne idee?
gruß cd

Hallo cd,

mein problem ist, dasss die tabelle 5-10px zu tief beginnt und ich nicht weiss warum...

#container {
/* [...] */
top:20px; /* Wenn Du weniger willst, schreib halt weniger... */
left:10px;
width:1000px; /* Du setzt aber Riesen-Bildschirme voraus... :-( */
min-height:600px;
/* [...] */
}

Viele Grüße,
Marc.