nicht angemeldet
Ich habe sowohl mit google, als auch in der Forumsuche gesucht, habe aber keine Lösung für mein Problem gefunden.
Die Seite um die es sich handelt : http://tdc.alexpoell.com/yoshi/index.php?id=42
- wenn die seite auf kleinerern Bildschirmen dargestellt wird, dann verschwindet auf der linken Seite das Menü.
- die Schatten links und rechts, das Menü, und der Inhalt werden nicht mit "100%" höhe angezeit, (ihr seht es wenn ihr runter scrollt) sowohl im ie, als auch im ff nicht,
Code:
HTML
<html>
<head>
<title></title>
<meta name="author" content="Johannes Proksch">
<link rel="stylesheet" type="text/css" href="....">
</head>
<body>
<!-- ###DOKUMENT### begin -->
<div id="schatten_oben"></div>
<div id="schatten_links"></div>
<div id="schatten_rechts"></div>
<div id="grid">
<div id="head">
<div id="logo";><h1 id="h1">HMB</h1></div>
<div id="suche";>###SUCHE### </div>
</div>
<div id="menue_links">
###MENUE###
</div>
<div id="content">
<p id="pfad">###PFAD###</p>
<p id="sprache">###SPRACHE###</p>
<div id="inhalt"> ###INHALT###</div>
</div>
</div>
<!-- ###DOKUMENT### end -->
</body>
</html>
CSS:
#grid{
position:absolute ;
left:50%;
top:10px;
width:1000px;
margin-left:-500px;
background-color:WHITE;
height:100%;
}
body {
background-color:#B7B7B7;
height:auto;
min-height:100%;
}
#h1 {
margin-left:-1100px;
}
#schatten_oben {
/*background-image: url('schatten_oben.jpg');*/
position:relative ;
left:50%;
}
#schatten_links{
background-image: url('schatten_links.jpg');
position:absolute;
top:10px;
left:50%;
top:10px;
width:66px;
margin-left:-566px;
height: auto;
min-height: 100%;
float:left;
background-color:#B7B7B7;
}
#schatten_rechts {
background-image: url('schatten_rechts.jpg');
position:absolute;
top:10px;
left:50%;
top:10px;
width:52px;
margin-left:500px;
height: 100%;
background-color:#B7B7B7;
}
#head {
position:absolute ;
top:0px;
height:137px;
width:900px;
background-color:green;
}
#logo {
background-image: url('logo.jpg');
BORDER-TOP: #000000 1px solid;
position:absolute ;
height:113;
top:0px;
width:1000px;
background-color:WHITE;
}
#suche {
background-image: url('leiste.jpg');
position:absolute ;
text-align:right;
position:relative ;
height:24;
top:113px;
width:1000px;
background-color:WHITE;
}
#menue_links {
overflow:auto;
top:134px;
position:absolute;
background-image: url('menue.jpg');
width:200px;
height: 100%;
}
#content {
position:absolute;
top:137px;
left:200px;
width:800px;
height: 100%;
background-color:WHITE;
}
#pfad {
position:absolute ;
text-align:left;
top:0px;
left:20px;
}
#inhalt {
position:absolute;
background-color:WHITE;
width:600px;
text-align:left;
top:50px;
left:20px;
}
#sprache {
position:absolute ;
text-align:right;
top:0px;
left:650px;
}
Matthias Apsel
Gunnar Bittersmann