nicht angemeldet
Wie wäre dieses?
css:
#Frame {
position:relative;
display:block;
width:100%;
min-width:740px;
min-height:400px;
background-color:#ffffff;
margin-left:auto;
margin-right:auto;
z-index:10;
}
#Header {
display:block;
width:100%;
height:95px;
background-image:url('../media/FrameTop.jpg');
background-repeat:repeat-x;
z-index:10;
}
#HeaderLeft {
display:inline;
display:inline-block;
width:40px;
height:95px;
background-image:url('../media/FrameUL.jpg');
background-repeat:no-repeat;
position:relative;
float:left;
z-index:10;
}
#HeaderRight {
display:inline;
display:inline-block;
width:40px;
height:95px;
background-image:url('../media/FrameUR.jpg');
background-repeat:no-repeat;
position:relative;
float:right;
z-index:10;
}
#MainBlock {
display:block;
width:100%;
height:100%;
min-width:400px;
min-height:410px;
padding-right:60px;
background-color:transparent;
z-index:20;
}
#MainLeft {
display:inline-block;
width:40px;
height:100%;
min-height:410px;
background-image:url('../media/FrameL.jpg');
background-repeat:repeat-y;
position:relative;
float:left;
z-index:40;
}
#MainRight {
display:inline-block;
width:40px;
height:100%;
min-height:410px;
background-image:url('../media/FrameR.jpg');
background-repeat:repeat-y;
position:relative;
float:right;
z-index:40;
}#Footer {
display:block;
width:100%;
height:70px;
background-image:url('../media/FrameBottom.jpg');
background-repeat:repeat-x;
z-index:20;
}
#FooterLeft {
display:inline;
display:inline-block;
width:40px;
height:70px;
background-image:url('../media/FrameLL.jpg');
background-repeat:no-repeat;
position:relative;
float:left;
z-index:20;
}
#FooterRight {
display:inline;
display:inline-block;
width:40px;
height:70px;
background-image:url('../media/FrameLR.jpg');
background-repeat:no-repeat;
position:relative;
float:right;
z-index:20;
}
und im html:
<body>
<div id="Frame">
<div id="Header">
<div id="HeaderLeft">
</div>
<div id="Logo">
</div>
<div id="HeaderRight">
<div id="MainBlock">
<div id="MainLeft">
</div>
<div id="MainRight">
</div>
</div>
<div id="Footer">
<div id="FooterLeft">
</div>
<div id="FooterRight">
</div>
</div>
</div>
</body>
Gruß
dieselross
--
- life's for learning -
Ceterum censeo IE esse delendam
- life's for learning -
Ceterum censeo IE esse delendam
Der Martin
Gunnar Bittersmann