Inita: need help to make the down menu 'down'

Beitrag lesen

SELF-Forum

need help to make the down menu 'down'

Inita
– Informationen zu den Bewertungsregeln

Ich habe naemlich ein grosses Problem :( bin leider nicht ein freak von HTML, mehr ein Anfaenger. Ich loese schon mein Problem soo lange Zeit, aber sowieso kann nicht mit meinem Problem klar kommen =((

Also, ich habe ne Seite, da unten hab ich ein Code geschrieben, um besser zu verstehen. Ich habe da down und up menu, ich moechte aber, dass das down menu down on screen ist, wenn das content kurzer als screen ist, aber wenn das content laenger als screen ist, dann down menu hinter dem content, ich hoffe habt ihr mich verstanden. Also, dieses code funktioniert schon etwas, aber nicht genau richtig =((( hab mir soooo muehe gegeben, HTML versteht mich aber nicht :(.
Ich brauche das dies funktioniert auf IE, FIREFOX, Opera, also ueberall, auch Mac wuerd sehr super sein.

Auf IE hab ich schon geschaft, aber dann dem FF hat das nicht gefallen. :(

Danke im voraus!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
   <title>Help Inita</title>

<style type="text/css" />
body, html {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#FFF;
background-color:#F00;
padding:0;
margin:0;
height: 100%;
}
#page {
width:740px;
background-color:#000;
margin: 0 auto;
padding:0;
height: 100%;
}
.imenu
{
 font-size: 12px;
 text-align:center;
 width:720px;
 background-color:#000000;
 margin:0px;
 padding:10px;
}
.imenu a {
color:#FFF
}
.imenu a:hover {
color:#FFC
}
.center {
   text-align:center
}

</style>
</head>

<body>

<div id="page">

<table class="center menuup" border="0" cellpadding="0" cellspacing="0" style="width:100%">
   <tr class="center" style="height:25px">
     <td style="width:20%" class="menuup">[ <a href="/index.html"><b>Home</b></a> ]</td>
     <td style="width:20%" class="menuup">[ <a href="/login.html"><b>Login</b></a> ]</td>
     <td style="width:30%" class="menuup">[ <a href="#"><b>pictures</b></a> ]</td>
     <td style="width:30%" class="menuup">[ <a href="#"><b>Search </b></a> ]</td>
   </tr>
 </table>
<span style="height:96%">
<div style="background-color:#000">
contentcontentcontentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
v
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
v
v
v
v
v
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
v
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
v
v
v
v
v
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
v
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
v
v
v
v
v
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
v
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
v
v
v
v
v
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
v
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
v
v
v
v
v
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
</div>
</span>
<div class="imenu" style="clear:both">
  [ <a href="#">My Name</a> ]
  [ <a href="#">Autos</a> ]
  [ <a href="#">Bears</a> ]
  [ <a href="#">See Tree</a> ]
  [ <a href="#">Contact Us</a> ]
  [ <a href="#">Site Map</a> ]
</div>
</div>

</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln