hallo auch ich komme mit einem ähnlichen problem... aber leider finde ich in den bisherigen Beiträgen keine Lösung! Ich mache eine Webseite mit Dreamweaver CS 3. Da ich im mainContent eine Box mit Text errichtet habe (mainContent2) und neben dieser noch ein Bild möchte (mainContent1) habe ich im div-tag "mainContent" eine art unter-div-tags erstellt. eben den mainContent1 und mainContent2. hat eigentelich au geklappt. Die Ansicht im Internet Explorer stimmt auch, nur beim Firefox funktionierts nicht. Der mainContent2 erscheint ganz oben im mainContent. Das Bild erscheint gar nicht! Könnt Ihr mir helfen? Was mache ich falsch????
und Quelcode:
Weiss da jemand bescheid??
Code:
* {
margin: 0;
padding: 0;
}
body {
background-color: #000000;
font-size: 76%;
line-height: 120%;
text-align: center;
font-family: Tahoma;
}
#container {
width: auto;
margin: 0 auto
}
#header {
background-image: url(../_bilder/Hintergrund%20neue%20Homepage/Logo%20Heater.jpg);
background-repeat: no-repeat;
background-position: center;
height: 90px;
margin-top: 15px;
margin-bottom: 15px;
}
#navigation {
margin-top: 30px;
}
#mainContent {
height: 315px;
position: relative;
}
#mainContent1 {
height: 300px;
}
#mainContent2 {
}
.fltlt {
float: left;
margin-left: 150px;
margin-top: 50px;
}
#mainContent2 h2 {
font-family: Impact;
font-size: 32px;
margin-top: 20px;
margin-bottom: 15px;
font-weight: lighter;
color: #FBCB0D;
letter-spacing: 1px;
}
#mainContent2 p {
font-family: Tahoma;
letter-spacing: 1px;
line-height: 18pt;
font-size: 14px;
font-variant: small-caps;
}
#navigation ul {
}
#navigation a {
text-decoration: none;
font-family: Impact;
margin-left: 20px;
margin-right: 20px;
color: #fbcb0d;
font-size: 24px;
}
#navigation li {
display: inline;
}
#navigation a:hover {
color: #fff3c5
}
#footer {
color: #FFFFFF;
font-size: 12px;
margin-top: 35px;
font-family: Tahoma;
}
/* Hintergrunde der Seiten */
#index #mainContent {
background-image: url(../_bilder/Hintergrund%20neue%20Homepage/Home%202.jpg);
background-repeat: no-repeat;
background-position: center;
}
#index #mainContent2 {
color: #FFFFFF;
background-color: #666666;
width: 350px;
margin-top: 50px;
margin-left: 400px;
}
#index #mainContent2 p {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
}
und Quelcode:
Code:
<html>
<head>
<meta>
<title>Unbenanntes Dokument</title>
<link>
</head>
<body>
<div>
<div></div>
<div>
<div>
<img>
<div>
<h2>Neues Layout</h2>
<p></p>
</div>
</div>
</div>
<div>
<ul>
<li><a>Home</a></li>
<li><a>Label</a></li>
<li><a>Phil</a></li>
<li><a>Tobias</a></li>
<li><a>Filme</a></li>
<li><a>Galerie</a></li>
<li><a>Links</a></li>
</ul>
</div>
<div>
<p>©</p>
</div>
</div>
</body>
</html>
Weiss da jemand bescheid??
Zuletzt bearbeitet von einem Moderator: