mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 03.12.2016 11:03 Benutzername: Passwort: Auto-Login

Thema: [CSS] Positionierung eines DIVs vom 05.07.2006

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Positionierung eines DIVs
Autor Nachricht
Xaven
Threadersteller

Dabei seit: 26.03.2002
Ort: Motorcity Rüsselsheim
Alter: 34
Geschlecht: Männlich
Verfasst Mi 05.07.2006 10:25
Titel

[CSS] Positionierung eines DIVs

Antworten mit Zitat Zum Seitenanfang

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 12:43, insgesamt 4-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Ähnliche Themen CSS Positionierung ...
[CSS] Positionierung
[CSS] Positionierung von Layern
CSS - Positionierung von Elementen
(css) positionierung von elementen
css - div positionierung
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.