Xaven
Threadersteller
Dabei seit: 26.03.2002
Ort: Motorcity Rüsselsheim
Alter: 41
Geschlecht:
|
Verfasst Mi 05.07.2006 11:25
Titel [CSS] Positionierung eines DIVs |
|
|
Hi!
Habe zwei DIVs die sich überlagern sollen und zwar folgendermaßen:
Das Navigations DIV soll dabei in der Border vom Inhalts DIV stehen.
Der Code:
Code: | /* CSS Document */
html,body{
background:url(img/hintergrund.jpg) center center no-repeat;
background-attachment:fixed;
}
#inhalt{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align: left;
vertical-align: middle;
margin: 0px auto;
padding: 0px;
width: 644px;
height: 644px;
background-color:#FFFFFF;
border: 30px solid #000000;
/* filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5; */
}
#navcontainer {
width: 350px;
height: 35px;
}
#navlist ul {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#navlist li {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
display: inline;
list-style-type: none;
}
#navlist a { padding: 7px 12px; }
#navlist a:link, #navlist a:visited {
color: #000000;
background-color: #FFFFFF;
text-decoration: none;
}
#navlist a:hover {
color: #FFCC33;
background-color: #FFFFFF;
text-decoration: none;
} |
HTML
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="styles.css">
<title>SHOEFILLER</title>
</head>
<body>
<div id="navcontainer">
<ul id="navlist">
<li><a href="#" title="Produkt">PRODUKT</a></li>
<li><a href="#" title="Bestellen">BESTELLEN</a></li>
<li><a href="#" title="Impressum">IMPRESSUM</a></li>
<li><a href="#" title="Shoefiller">SHOEFILLER</a></li>
</ul>
</div>
<div id="inhalt">
Inhalt links
</div>
<div id="inhalt2">
Inhalt rechts
</div>
</body>
</html>
|
Einsehbar hier:
www.shoefiller.de/beta
Was mach ich falsch?
Btw: Ich würde dem Hintergrund von #Inhalt gerne eine Transparenz zuweisen. Wie kann ich das machen ohne meine Border desselben DIVs in Mitleidenschaft zu ziehen (die Border soll weiß bleiben - ohne Transparenz)?
//EDIT: Hauptproblem gelöst. Habe es nun gaaaaaaanz anders gemacht.
Zuletzt bearbeitet von Xaven am Mi 05.07.2006 13:43, insgesamt 4-mal bearbeitet
|
|