0perator
Threadersteller
Dabei seit: 16.01.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 16.06.2009 23:15
Titel Seite wird im Browser richtig angezeigt, nicht im DW CS4 |
|
|
Hi Leute, (ich werd noch verrück, bitte um hilfe )
bin grad dabei eine Seite zu "bauen" is eigenlich alles so weit gut,
hier mal der Link zur Seite:
Klick
Schaut auch so aus wie ich das haben will!
Jetzt zu meinem eigenlich Problem, ich mach die Seite im Dreamwaver CS4 und im "Entwurf-Fenster" schaut das so aus:
der "news-frame" is nach unten gerutscht, und der "Inhalt-Frame" is auch nicht da wo er sein sollte.
Rein rechnerisch müsste es passen, es passt ja auch eigentlich, aber nur eigentlich
Wo liegt den der Fehler, bzw. ein anderen Weg um das so zu lösen ?
Code: | <body>
<div class="wrapper">
<div class="banner">
<ul class="bannerlink">
<li><a href="#">Kontakt</a></li>
<li><a href="#">Impressum</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="#">Home</a> </li>
<li><a href="#" class="MenuBarItemSubmenu">Der Verein</a>
<ul>
<li><a href="#">Der Vorstand</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Tanzkurse</a>
<ul>
<li><a href="#">Kinder</a></li>
<li><a href="#">Juguendliche</a></li>
<li><a href="#">Erwachsene</a></li>
</ul>
</li>
<li><a href="#">Tanzschuljahr</a></li>
<li><a href="#">Veranstaltungen</a></li>
</ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
<div class="hauptinhalt">
<h1>Inhalt</h1>
</div>
<div class="news">
<h1> News</h1>
</div>
</div>
</body> |
Code: | .wrapper {
background-color: #CCC;
height: 800px;
width: 1024px;
margin-right: auto;
margin-left: auto;
}
.banner {
background-image: url(../Banner.png);
background-repeat: no-repeat;
height: 186px;
}
.bannerlink {
font-family: "Comic Sans MS", cursive;
list-style-type: none;
color: #FFF;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 163px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 763px;
}
.hauptinhalt {
background-color: #666;
padding: 0px;
height: 614px;
width: 630px;
float: left;
text-align: center;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 150px;
}
.news {
background-color: #333;
width: 234px;
padding: 0px;
height: 614px;
float: right;
text-align: center;
margin: 0px;
}
h1 {
font-family: "Comic Sans MS", cursive;
font-size: 16px;
color: #000;
padding: 0px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-weight: bold;
} |
[/code]
|
|