nicht angemeldet
Hallo wahsaga,
ich habe doch eine Mindesthöhe angegeben für die Box. Wenn ich die anderen Angaben der Höhe lösche gehts gar nicht mehr. Ich habe auch schon versucht für den body die Höhe rauszunehmen und min-height eingesetzt. Klappt alles nicht.
Könntest Du mir kurz posten, wo ich was und wie verändern muss?
Hier ist das entsprechende CSS:
*{
padding:0;
margin:0;
border:0;
}
html, body {
height:100%; /* wichtig */
background:#505851;
text-align:left;
font-family:trebuchet ms, verdana, arial, helvetica, sans-serif;
font-size:100.01%;
background-image:url(../images/spacer.gif);
background-repeat:repeat-y;
}
#box_left{
margin:0 0;
height:auto !important; /* moderne Browser */
float:left;
width:155px;
}
#box_right{
margin-left:200px;
height:100%;
*min-height:100%;
width:580px;
position:absolute;
top:0px;
}
#box_top{
position:relative;
top:0px;
height:180px;
width:580px;
}
#top_pic{
position:relative;
top:68px;
padding-left:70px;
}
#box_top2{
height:100px;
width:580px;
color:#fff;
}
#box_content{
width:580px;
background-color:#FFFFFF;
font-size:0.7em;
}
#box{
width:790px;
margin:0 0;
padding-top:0px;
min-height:100%;
height:auto !important; /* moderne Browser */
height:100%; /* IE */
text-align:left;
background:#fff;
background-image:url(../images/bg_body.jpg);
background-repeat:no-repeat;
}
#box_menu {
position:absolute;
left:28px;
top:180px;
width:130px;
font-size:100%;
background:#fff;
z-index:3;
/* Hintergrundfarbe und Schriftfarbe f?r diesen Container wurde in #outer formatiert. Dieser Container muss durchsichtig bleiben. */
}
/* common styling */
#box_menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
color:#333;
width:120px;
height:20px;
line-height:19px;
font-size:0.7em;
padding-left:10px;
background-color:#FFFFFF;
filter:alpha(opacity=90);
-moz-opacity: 0.90;
}
#box_menu ul { padding:0; margin:0;list-style-type:none; }
#box_menu ul li {float:left; margin-right:1px; position:relative;}
#box_menu ul li ul {display:none;}
/* specific to non IE browsers */
#box_menu ul li:hover a {color:#EDBD16; background-color:#61796D;}
#box_menu ul li:hover ul {display:block; position:absolute; top:0; left:130px; width:150px;}
#box_menu ul li:hover ul li a.hide {background-color:#fff; color:#333;}
#box_menu ul li:hover ul li:hover a.hide {width:164px;}
#box_menu ul li:hover ul li ul {display:none;}
#box_menu ul li:hover ul li a {display:block; color:#333; background-color:#ffF; width:164px;}
#box_menu ul li:hover ul li a:hover {color:#EDBD16; background-color:#61796D;}
#box_menu ul li:hover ul li:hover ul {display:block; position:absolute; left:300px; top:0; color:#33;}
#box_menu ul li:hover ul li:hover ul li a {display:block; width:150px; background-color:#C6CEBF; color:#333;}
#box_menu ul li:hover ul li:hover ul li a:hover {color:#fff; background-color:#61796D;}
#box_menu p {margin-top:0px; /* margin-top damit erster inhalt im sichtbaren Bereich dargestellt wird. */
}
#guetezeichen {
width:130px;
text-align:center;
}
#guetezeichen p{
padding-top:340px;
padding-left:55px;
}
#box_menu_top{
padding-left:400px;
padding-top:0.7em;
font-size:0.7em;
color:#333;
}
#box_menu_top p{
float:left;
padding-left:10px;
}
#box_menu_top p a:link {
color:#333;
text-decoration:none;
}
#box_menu_top p a:visited {
color:#333;
text-decoration:none;
}
#box_menu_top p a:hover {
color:#EDBD16;
text-decoration:none;
}
#box_menu_top p a:active {
color:#333;
text-decoration:none;
}
#box_content p{
padding:1.2em;
}
#liste{
padding:0 0 0 3em;
list-style-image:none;
list-style:none;
}
#liste li{
line-height:20px;
padding:0 0 0 1.5em;
background-image:url(../images/arrow_liste.gif);
background-position:left center;
background-repeat:no-repeat;
}
Gruss
holli
MudGuard
Struppi