ich hab sowas irgendwann schon mal gebaut zum herumspielen, finde das aber leider grade nicht
Ich hab´s jetzt so getestet, aber auch das Funktioniert nicht:
body {border: 1px black solid;
background: url(hintergrund.jpg) repeat-x left top;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
margin: 0;
padding: 20px;
width: 100%;
height: 100%;
position: relative;
}
#1 {
position: absolute;
width: 150px;
height: 165px;
margin: 0 auto;
background: url(logo.png) no-repeat left top;
}
#2 {border: 1px blue solid;
position: absolute;
left: 160px;
width: 100%;
height: 165px;
margin: 0 auto;
}
#3 {border: 1px green solid;
position: absolute;
top: 175px;
width: 150px;
height: 100%;
margin: 0 auto;
}
#4 {border: 1px yellow solid;
position: absolute;
top: 175px;
left: 160px;
width: 100%;
height: 100%;
margin: 0 auto;
}
<body>
<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
<div id="4"></div>
</body>
Ich weis nun nicht mehr weiter.....
So etwas muss es doch schon geben oder?
LBS