Habe mich mal versucht um meine Webseite einen Schatten zu erstellen und zwar auf der linken Seite.
Es sieht in Dreamweaver ganz gut aus nur im IE ist sie verdeckt.
Vielleicht hat einer von euch ne Idee wo der Fehler liegt
In Dreamweaver
Im IE
Danke für eure Hilfe
Es sieht in Dreamweaver ganz gut aus nur im IE ist sie verdeckt.
Vielleicht hat einer von euch ne Idee wo der Fehler liegt
In Dreamweaver
Im IE
HTML:
<!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" xml:lang="de">
<head>
<meta name="google-site-verification" content="Sn4MQL_SzcHqhU_D8SwoThK7O1Q3qzgBr1DGu4NLtt8" />
<link rel="shortcut icon" href="/Bilder/favicon.ico" />
<meta name="Keywords" content="Handwerkerservice,Handwerker,Handwerk,Kalkar,Peter Pieper,"/>
<meta name="Description" content="Handwerkerservice Peter Pieper, Professionell und zu fairen Preisen,Eine kompetente und preiswerte Lösung für die alltäglichen Aufgaben in Nordrhein-Westfalen"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="language" content="de"/>
<title>Handwerkerservice Peter Pieper</title>
<link href="layout.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="1"></div>
<div id="seite">
<div id="header">
</div>
<div id="navigation">
<div id="buttons">
<ul>
<li class="active">
<a href="Index.html" title="Zur Startseite">» Home</a>
</li>
<li>
<a href="#" title="» Unser Service">» Service</a>
</li>
<li>
<a href="#" title="» Referenzen">» Referenzen</a>
</li>
<li>
<a href="#" title="»Impressum und rechtliche Hinweise">» Impressum</a>
</li>
<li>
<a href="#" title="Kontakt">» Kontakt</a>
</li>
</ul>
</div>
</div>
<div id="content">
<h1>Willkommen bei Handwerkerservice Pieper</h1><br />
<h2>Ihr Ansprechpartner rund um Haus und Garten
<br /><br />
</h2>
<h3>Eine kompetente und preiswerte Lösung für die alltäglichen Aufgaben<br />
in Kalkar und Nordrhein-Westfalen werden zu fairen Preisen für Privat <br />
und Gewerbe angeboten.</h3><br /><br />
<h2>Kein langes Warten auf tatkräftige und professionelle Unterstützung bei:
<br /><br />
</h2>
<h3>Hausmeisterdienste, Kleinreparaturen,Service-Transporte,<br />
Rasen mähen,Bilder anbringen und zahlreichen anderen Aufgaben.<br /><br />
Ob Wochentags oder am Wochenende dieser flexible u. freundliche <br />
Handwerker-Service nimmt Rücksicht auf Ihre Terminwünsche und <br />
steht Ihnen mit Rat und Tat zur Seite.
</h3>
</div>
<div id="footer">
</div>
</div>
</div>
</body>
</html>
HTML:
@charset "utf-8";
#wrapper {
width:791px;
height:800px;
margin-top:50px;
padding:10px;
margin-left:auto;
margin-right:auto;
}
#1{
float:left;
width:10px;
height:787px;
background-image: url(Bilder/main_left.png);
background-repeat:repeat-y;
}
#seite {
margin-left:10px;
background-color:transparent;
width:778px;
height:790px;
clear:right;
}
#header {
background-image:url(Bilder/Header.png);
width:778px;
height:170px;
}
#navigation{
background-image:url(Bilder/Navigation.png);
width:139px;
height:617px;
float:left;
}
#buttons ul{
list-style:none;
float:left;
padding-left:6px;
padding-top:20px;
font-size:22px;
font-weight: bolder;
}
#buttons li{
margin-bottom:20px;
}
#buttons li a:link {
color:#000;
text-decoration:none;
}
#buttons li a:visited{
text-decoration:none;
color:#000;
}
#buttons li a:hover{
color:#F00;
}
#buttons li.active a{
color:#F00;
}
#content{
width:auto;
height:auto;
padding:10px;
text-align:center;
}
h1 {
font-size:30px;
line-height:30px;
margin:0px;
}
h2 {
font-size:22px;
line-height:20px;
margin:1px;
}
#footer{
clear:both;
width:778px;
height:auto;
}
;
