zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit tranparenten png und bg

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.09.2008, 12:04
Benutzerbild von Granner
.
neuer user
Thread-Ersteller
 
Registriert seit: 09.09.2007
Beiträge: 6
Granner befindet sich auf einem aufstrebenden Ast
Beitrag Problem mit tranparenten png und bg

Ich bin grad dabei ne HP zu erstellen klappte bis jetzt auch alles super. nur der header (s. pic) will einfach nicht über das nav layer...

Code:
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> 
 <head>
   <meta http-equiv="Cotent-Type" content="text/html; charset-utf-8" />
  <title>Portfolio: Christoph Weinzierl</title>
   <script type="text/javascript" src="jquery.js"></script>
   <script type="text/javascript" src="layout.js"></script>
   <style type="text/css">
   /* <![CDATA[ */
/*
	===========================================================================
	@desc:		CW StyleSheet
	@version:	September 03, 2008	15:07
	@copyright:	Christoph Weinzierl | CW | www.christoph-weinzierl.de.vu
	===========================================================================
*/
/*=== [Basic] ==============================================================*/
html, body {
      margin:0em;
      padding:0em;
}
body {
      font: 100.01% sans-serif;
      background: url(bg.jpg) no-repeat bottom left fixed;
      color: #E6DCCF;
      text-align: center;
}

/*=== [Header] ============================================================*/
#wrapper {
      height: 200px;
      width: 738px;
      border: 0px solid #604420;
      border-bottom: 0px solid #604420;
      padding: 10px 0;
      text-align: left;
      margin: 0 auto;
      width: 40em;
}
#header {
background: url(header3.png) no-repeat top left;
z-index: 2;
overflow: visible;
      height: 200px;
      width: 738px;
      border: 0px solid #604420;
      border-bottom: 0px solid #604420;
      padding-bottom: 0em;
margin-bottom: -1em;
      text-align: center;
  
}
/*=== [Navbar] ===========================================================*/
#nav {
      background:url(verlauf.png) repeat-x left top;
      z-index: 1;
      margin: 0;
      border-bottom:3px solid #b3d442;
      list-style-type:none;
      height: 40px;
 }

#nav ul {
      margin:0;
      list-style-type:none;
}

#nav li a:hover {
      background:url(arrow.gif) no-repeat center bottom;
      color:#b3d442;
}

#nav li {
      float: left;
}

#nav li a {
      display:block;
      padding: 1em 1.3em 0.3em;
      font:bold 16px "Trebuchet MS";
      text-decoration:none;
      color:#b3d442;
      letter-spacing: -0.1em;
}

#nav li a.current {
      padding-top: 1em;
      background:url(arrow.gif) no-repeat center bottom;
      color:#b3d442;
}
/*=== [Loader] ============================================================*/
#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(ajax-loader_gray.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}

/*=== [Footer] ============================================================*/
#footer{
text-align:center;
      position: fixed;
      bottom: 0em;
      right: 0em;
      padding-top: 0em;
      margin-bottom: 0em;
      background: url(bgc.png);
      border: 0px solid;
}

#footer a img{
      text-align: center;
      border: 0px solid;
      padding-bottom: 0px;
	    margin-right: 0px;
}
#footer ul {
text-align: center;
margin-bottom: 0em;
}

#footer ul li{
text-align: center;
      display: inline;
}

#footer p {
      margin: 0.5em;
      margin-bottom: 0em;
      margin-top: 0em;
      font-size: 0.8em
}
/*=== [General] ===========================================================*/
a img {
      border: 0px solid;
}

h1 {
      font-size: 1.3em;
      border-bottom: 1px solid #b3d442;
}

h3 {
      font-size: 1.1em;
      margin: 2em;
}

p {
      font-size: 0.9em;
      margin-left: 2em;
}

h1:first-letter{
      color: gray;
      font-size: 1.2em;
}

.firstGray {
      color: #665f5f;
      font-size: 1.5em;
}
/*=== [Hack IE 5.0] =======================================================*/
* html #navigation ul a {
      width: 1em;
      w\idth: auto;
}
#content {
      color: #FFF;
      background-color:#b3d442;
      border-left: 3px solid #665f5f;
      border-top: 3px dashed #665f5f;
      margin-bottom: 2em;
}
/* ]]> */
</style>
 </head>
 <body>

  <div id="wrapper">
   <div id="header">
  </div>
   <ul id="nav">
      <li><a href="index.html" class="current">Willkommen</a></li>
      <li><a href="about.html">About:Me</a></li>
      <li><a href="index.html">Works</a></li>
      <li><a href="index.html">Links</a></li>
      <li><a href="index.html">Kontakt</a></li>
   </ul>
   <div id="content">
      <h1>Willkommen, willkommen</h1>
      <p>balba</p>
   </div>
  </div>
  <div id="footer">
   <ul>
     <li><a href="impressum"><img src="media/images/impress_icon.png" alt="Impressum"/></a></li>
     <li><a href="disclaimer"><img src="media/images/disclaimer_icon.png" alt="Disclaimer"/></a></li>
   </ul>
   <p>&copy; 2008 by Granner</p>
  </div>
 </body>
</html>
danke schon mal im vorraus
Angehängte Grafiken
Dateityp: jpg pic.jpg (19,4 KB, 7x aufgerufen)
__________________
"A programmer is just a tool which converts coffeine into code."
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.09.2008, 12:49
#
XHTMLforum-Kenner
 
Registriert seit: 30.06.2005
Ort: Hamburg
Beiträge: 2.092
IChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer Mensch
Standard

Die Eigenschaft z-index allein hat keine Wirkung, sondern nur in Kombination mit einer Positionierung != static.
__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.09.2008, 13:04
Benutzerbild von Granner
.
neuer user
Thread-Ersteller
 
Registriert seit: 09.09.2007
Beiträge: 6
Granner befindet sich auf einem aufstrebenden Ast
Lächeln

Danke für die schnelle Antwort, klappt wunderbar!
__________________
"A programmer is just a tool which converts coffeine into code."
Mit Zitat antworten
Antwort

Stichwörter
background, header, nav, png, transparent

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem mit Text neben Navigationsleiste andi01 CSS 6 08.06.2011 16:54
alpha-transparente PNG im Internet Explorer ulle Knowledge Base 46 22.12.2010 09:33
Design zu CSS/HTML verarbeiten - Problem häufen sich. Grafikamateur CSS 2 06.08.2007 09:57
png transparenter verlauf, gesamte transp. mit css definieren? mudsflapp CSS 3 30.07.2007 14:36
Problem bei Div's - zwei mal das gleiche und doch nicht ... Niriel CSS 10 09.06.2005 17:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:13 Uhr.