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 viel 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, es geht, aber dann dem FF hat das nicht gefallen, wenn das content laenger als screen ist, dann zeigt falsch.
Wie macht man ueberhaupt sowas???
Danke im voraus!
Code: Alles auswählen
<!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>
<div style="height:90%">content</div>
<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>
