+ Antworten
Ergebnis 1 bis 3 von 3

Thema: background:transparent geht nicht mehr!

  1. #1
    TP-Member chan macht alles soweit korrekt
    Registriert seit
    Jun 2001
    Ort
    Benztown
    Beiträge
    68

    background:transparent geht nicht mehr!

    Hallo zusammen,

    ich bin gerade dabei, nach vielen Jahren mal wieder eine Website zu basteln, gut dass ich alles verlernt habe...
    Daher habe ich mich dem CSS dieser Seite bedient:

    http://www.cssplay.co.uk/layouts/bodyfix.html

    Ich habe nur eine Woche Zeit um die Seite zu bauen, und hab dass CSS so umgebaut wie ich es brauche, jedoch funktioniert nun der Effekt mit dem halbtransparenten Hintergrund nicht mehr, und ich weiß nich warum. Wo liegt der Fehler? Hier das CSS:
    Code:
    html {
    	height:100%; 
    	max-height:100%; 
    	padding:0; 
    	margin:0; 
    	border:0; 
    	background:rgb(209,205,193);
    	font-size:76%; 
    	font-family:georgia, palatino linotype, times new roman, serif;
    	/* hide overflow:hidden from IE5/Mac */ 
    	/* \*/ 
    	overflow: hidden; 
    	/* */ 
    	}
    
    body {
    	height:100%; 
    	max-height:100%; 
    	overflow:hidden; 
    	padding:0; 
    	margin:0; 
    	border:0;
    	background:rgb(209,205,193);
    	}
    
    #content {
    	display:block; 
    	overflow:auto; 
    	position:absolute; 
    	z-index:3; 
    	top:150px; 
    	bottom:52px; 
    	width:760px; 
    	margin-left:-381px; 
    	left:50%; 
    	border-left:1px solid #fff;
    	border-right:1px solid #fff;
    	background:#fff;
    	}
    
    * html #content {
    	top:0; 
    	bottom:0; 
    	height:100%;
    	width:762px;
    	border-top:154px solid #fff; 
    	border-bottom:50px solid #fff;
    	}
    
    #head {
    	position:absolute; 
    	margin-left:-381px; 
    	left:50%; 
    	top:0; 
    	width:760px; 
    	min-width:760px; 
    	height:150px; 
    	background:#fff; 
    	font-size:1em; 
    	z-index:5; 
    	border:1px solid #fff;
    	}
    
    * html #head {
    	top:2px; width:762px; height:148px;
    	}
    
    a.nav1, a.nav2, a.nav3, a.nav4 {width:190px; height:150px; display:block; float:left; background:url(bg1.jpg); text-align:center; font-size:1em; font-weight:normal; color:#000; text-decoration:none; font-family:verdana, arial, sans-serif; line-height:25px; overflow:hidden;}
    #head a .pad {display:block; width:190px; height:125px;background:transparent; border-bottom:1px solid #000;}
    
    a.nav1 {background-position:0 150px;}
    a.nav2 {background-position:-190px 150px;}
    a.nav3 {background-position:-380px 150px;}
    a.nav4 {background-position:-570px 150px;}
    
    
    a.nav1:hover {background-position:0 0;}
    a.nav1:hover .button {background:#f80; color:#fff; cursor:pointer; display:block; width:190px; height:25px; cursor:hand;}
    a.nav2:hover {background-position:-190px 0;}
    a.nav2:hover .button {display:block; width:190px; height:25px; background:#f80; color:#fff; cursor:pointer; cursor:hand;}
    a.nav3:hover {background-position:-380px 0;}
    a.nav3:hover .button {display:block; width:190px; height:25px; background:#f80; color:#fff; cursor:pointer; cursor:hand;}
    a.nav4:hover {background-position:-570px 0;}
    a.nav4:hover .button {display:block; width:190px; height:25px; background:#f80; color:#fff; cursor:pointer; cursor:hand;}
    
    
    
    #foot {
    	text-align:center;
    	position:absolute; 
    	margin-left:-381px; 
    	left:50%; 
    	bottom:0; 
    	width:760px; 
    	min-width:760px; 
    	height:50px; 
    	background:url(sht1.jpg); background-position:0 100px;
    	font-size:1em; 
    	z-index:5; 
    	border:1px solid #fff;
    	font-family: trebuchet MS, tahoma, verdana, arial, sans-serif;
    	font-weight:bold;
    	color:#fff;
    	}
    
    * html #foot {
    	bottom:2px; width:762px; height:48px;
    	}
    
    
    #content p {
    	padding:5px; text-align:justify;
    	}
    .boldhead {
    	font-size:1.5em; 
    	font-weight:bold;
    	}
    .bold {font-weight:bold;}
    .left {float:left; margin:10px; border:1px solid #000;}
    .right {float:right; margin:10px; border:1px solid #000;}
    .lefttext {float:left; width:300px; text-align:justify;}
    .righttext {float:right; width:300px; text-align:justify;}
    
    * html .lefttext {float:left; width:310px; text-align:justify;}
    * html .righttext {float:right; width:310px; text-align:justify;}

    Ich hoffe mir kann da jemand weiterhelfen!? Es würde natürlich auch ohne diesen Effekt gehen, aber schöner wäre es eben mit.

    Grüße und Danke im Voraus!
    Mark
    Geändert von hero-master (18.11.2009 um 19:26 Uhr)

  2. #2
    TP-Veteran Guin ist ein richtiges Arbeitstier - DANKE Guin ist ein richtiges Arbeitstier - DANKE Guin ist ein richtiges Arbeitstier - DANKE Guin ist ein richtiges Arbeitstier - DANKE Guin ist ein richtiges Arbeitstier - DANKE Avatar von Guin
    Registriert seit
    Nov 2006
    Ort
    Nordholz
    Beiträge
    1.686
    Moin,
    ein Tipp fuer die Fehlersuche.
    Reduziere den Code mal so weit, dass der Fehler noch sichtbar ist, aber unnoetiger Code weg ist.

    Und nutze naechstes mal die Code-Tags
    Gruss Guin
    Mein Blog

  3. #3
    TP-Member chan macht alles soweit korrekt
    Registriert seit
    Jun 2001
    Ort
    Benztown
    Beiträge
    68
    Moin,
    sorry, Code-Tags, ok! Und ich dachte, ich poste den Code vorsichtshalber mal ganz, wer weiß wo ich was vermurkst habe!

+ Antworten

Ähnliche Themen

  1. Antworten: 2
    Letzter Beitrag: 01.02.2009, 10:28
  2. scrollbar färben, background transparent..
    Von danis` im Forum HTML & CSS
    Antworten: 7
    Letzter Beitrag: 22.06.2004, 19:53
  3. Seite nicht mehr transparent
    Von Okidbuster im Forum Dreamweaver & andere Webeditoren
    Antworten: 3
    Letzter Beitrag: 13.04.2004, 07:55
  4. Antworten: 3
    Letzter Beitrag: 04.09.2002, 11:15
  5. Antworten: 9
    Letzter Beitrag: 16.12.2001, 20:18

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51