Ok, ich hatte gestern abend echt ein dickes Brett vorm Kopf.
Ich kann ja auch von rechts positionieren, und nicht nur von links aus.
So passt es jetzt, bis auf eine Kleinigkeit.
Die padding-Angabe von div#right wird scheinbar nicht interpretiert, sonst müßte der Text dadrin im sichtbaren Bereich rechts neben dem content liegen. Hat da vielleicht noch jemand ne Idee?
http://www.phillyblunt.de
CSS:
Code
body {
font-family:arial;
background-color:#171717;
width:100%;
text-align:right;
}
div#top {
z-index:0;
position:absolute; top:0; left:0;
background-color:#0c0c0c;
height:100px; width:100%;
text-align:right;
padding:15px;
}
div#left {
z-index:1;
position:absolute; top:130px; left:0;
background-color:#0c0c0c;
height:449px; width:100%;
margin-right:350px;
border-bottom:1px solid #eaeaee;
}
div#right {
z-index:2;
position:absolute; top:130px; right:0;
width:400px; height:450px;
background-color:#171717;
border-top:1px solid #eaeaee;
padding:10px 0 0 160px;text-align:left;
}
div#bottom {
z-index:3;
position:absolute; top:580px; left:0;
background-color:#171717;
}
div#content {
z-index:4;
position:absolute; top:130px; right:250px;
width:400px; height:400px;
background-color:#000000;
-moz-border-radius-topleft:24px;
-moz-border-radius-bottomright:24px;
-khtml-border-radius-topleft:24px;
-khtml-border-radius-bottomright:24px;
border:1px solid #eaeaee;
text-align:center; padding:24px;
}
Alles anzeigen
HTML:
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Philly Blunt's Music</title>
<link rel='stylesheet' href='layout.css' type='text/css'>
</head>
<body>
<div id='top'>
</div>
<div id='left'>
</div>
<div id='right'>
<span style='font-size:18px;font-weight:bold;color:#e3e4e8;'>YO<br>yoyo</span>
</div>
<div id='bottom'>
</div>
<div id='content'>
<span style='font-size:18px;font-weight:bold;color:#e3e4e8;'>YO<br>yoyo</span>
</div>
</body>
</html>
Alles anzeigen