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![]()
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)
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
Moin,
sorry, Code-Tags, ok! Und ich dachte, ich poste den Code vorsichtshalber mal ganz, wer weiß wo ich was vermurkst habe!
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)