Hallo.
Jetzt muss ich trotzdem mal die Frage in den Raum stellen ob ICH einen Denkfehler mache oder ob es ein anderweitiges Problem - z.B. von Dreamweaver - ist. Das nervt mich nämlich schon eine ganze Zeit lang.
Ich habe mal als Beispiel ein Layout gemacht. In Dreamweaver (5.5 und auch 6) sieht das so aus wie in der beiliegenden Hardcopy. Gehe ich aber auf Live-Ansicht oder in den Browser zur Vorschau, dann passt alles korrekt. Also der Content wird auf die normale Breite gezogen.
Hab auch mal den Code beigefügt:
<!DOCTYPE html>
<html>
<head>
<title>CSS</title>
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link rel="stylesheet" type="text/css" href="../html/style.css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<p>Header</p>
</div>
<div id="navigation">
<p>Navigation</p>
</div>
<div id="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. </p><p>Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. </p><p>Sed non quam. In vel mi sit amet augue congue elementum. Morbi in ipsum sit amet pede facilisis laoreet. Donec lacus nunc, viverra nec, blandit vel, egestas et, augue. Vestibulum tincidunt malesuada tellus. Ut ultrices ultrices enim. Curabitur sit amet mauris. Morbi in dui quis est pulvinar ullamcorper. Nulla facilisi. Integer lacinia sollicitudin massa. Cras metus. Sed aliquet risus a tortor. Integer id quam. </p>
</div>
<div id="footer">
<p>This is the Footer</p>
</div>
</div>
</body>
</html>
Alles anzeigen
@import url("reset.css");
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color:#333;
}
p {
padding: 10px;
}
#wrapper {
background-color:#CCCCCC;
margin: 0 auto;
width: 960px;
}
#header {
float: left;
height: 193px;
width: 960px;
background-color: #FF6633;
}
#navigation {
float: left;
height: 40px;
width: 960px;
background-color: #FFCC33;
}
#content {
float: left;
width: 960;
background-color: #CCCCCC;
}
#footer {
height: 40px;
width: 960px;
background-color: #33FF66;
clear: both;
}
Alles anzeigen
Dieses Problem hab ich ständig. Bei anderen Website habe ich verschiedene div-Container erstellt. Einmal stehen sie in Dreamweaver an der richtigen Stelle, dann plötzlich - wie aus heiterem Himmel - sind sie komplett verschoben; andere sind komplett in der Dreamweaver Ansicht verschwunden. Ich hab zwar herausgefunden wie ich sie alle wieder an ihren richtigen Platz zaubern kann: ich klicke einen Container an und welchsele die Sichtbarkeit von Default auf inherit oder visible. Dann muss ich ihn wieder auf Default stellen und alle Container stehen wieder am richtigen Platz. Das kann doch nicht normal sein oder?!
Wäre euch für einen guten Tipp sehr dankbar!