nicht angemeldet
Hallo Andreas,
hier mal ein Auszug aus dem CSS. Das Hintergrundbild ist nicht im Body sondern in einer Box (siehe "#box")
*{
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;
}
Hier nochmal die komplette Seite:
http://www.assedo.de/kunden/becker/index.html
Gruss
Holli
MudGuard
Struppi