Webseite auf Firefox zeigts verschoben an.

von **norman_b** » 01.08.2008, 09:23

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????

* {
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:

<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>
</body>
</html>

Weiss da jemand bescheid??

von **Laus** » 01.08.2008, 11:27

Hast du davon auch ein Beispiel online?
wenn nicht dann mach bitte beim Posten einen Haken bei HTML in diesem Beitrag deaktivieren, dann wird der Quelltext auch richtig angezeigt.
Besser ist aber immer ein Online Beispiel vor allem wenn es um Probleme mit Bildern geht weil man das ja nicht ohne größeren Aufwand auf dem eigenen Rechner nachvollziehen kann.

Gruß Xaver

Webseite auf Firefox zeigts verschoben an.

Webseite auf Firefox zeigts verschoben an.

Ähnliche Beiträge zu "Webseite auf Firefox zeigts verschoben an."

Wer ist online?