• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Komisches Fenomen

Status
Für weitere Antworten geschlossen.
Billbos

Billbos

Neues Mitglied
Hallo,

ich weiss grade überhaupt nicht, warum der Firefox dies grade so anders darstellt!
Kann mir jemand helfen?
Es soll so aussehn wie im IE7!

Liebe Grüße

Billbos

FIREFOX 3

firefox.jpg


Hier im IE7

ie.jpg



Beides der gleiche Ausschnitt!

HIER DER HTML-TEIL

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Billbos | Home</title> 
 
<link rel="stylesheet" type="text/css" href="css/layout.css" /> 
<link rel="stylesheet" type="text/css" href="css/navigation.css" /> 
<link rel="stylesheet" type="text/css" href="css/FONT_index.css" /> 
<link rel="stylesheet" type="text/css" href="css/FONT_default.css" /> 
 
</head> 
 
<body> 
 
<!-- Maincontainer --> 
<div id="main"> 
 
<!-- ------------------------------------------ HEADER -------------------------------------------- --> 
 
<!-- Header --> 
<div id="header"> 
</div> 
<!-- END Header --> 
 
<!-- ---------------------------------------- NAVIGATION ------------------------------------------ --> 
 
<!-- Navigation --> 
<!-- END Navigation --> 
 
<!-- ---------------------------------------- CONTAINER ------------------------------------------- --> 
 
<!-- Container --> 
<div id="container"> 
 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque placerat metus non elit. Nullam adipiscing, arcu quis volutpat aliquam, eros libero semper sapien, ac faucibus lorem nunc ac purus. Ut bibendum ipsum non elit. Nam commodo, nibh ut vehicula tincidunt, tortor erat luctus quam, laoreet posuere magna ligula nec nunc. Nulla erat eros, mollis non, ultricies nec, imperdiet ac, urna. Maecenas nec dolor et erat iaculis dapibus. Pellentesque at justo et libero ultrices fermentum. In est ligula, dictum eget, vulputate fringilla, sagittis eget, sapien. Nullam a sapien porttitor orci placerat interdum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non quam ac neque dapibus fermentum. Suspendisse potenti. Maecenas nibh. Maecenas nulla nibh, porttitor vel, rhoncus ac, scelerisque non, metus. 
 
Quisque elit. Nullam ut justo in enim iaculis eleifend. Nullam molestie gravida nisi. Donec non neque. Suspendisse gravida, dolor eu molestie scelerisque, felis eros tempor mauris, in ullamcorper lacus velit sed turpis. In porta malesuada sapien. Duis vel elit. Mauris sed ipsum non ligula sodales condimentum. Fusce sit amet erat. Quisque sit amet enim. 
 
Integer mattis, diam sit amet fringilla vehicula, elit elit sagittis odio, in rutrum tellus tortor id eros. Ut tincidunt, justo vitae ultricies ultricies, orci massa ultricies nisi, id vehicula metus libero eget nisl. Fusce a ipsum. Curabitur rutrum dapibus odio. Vivamus ut quam. Sed dictum, justo nec dapibus semper, neque metus luctus enim, vel euismod nisi leo eu ligula. Vivamus sed odio vel quam varius semper. Cras nec turpis eu urna bibendum molestie. Nunc a libero. Maecenas commodo quam quis felis. Curabitur dolor mauris, pharetra vitae, imperdiet eget, lobortis sed, neque. Aliquam ultricies. Phasellus nec erat. Donec sed urna non diam fringilla facilisis. Fusce ornare leo eget erat. Donec et sapien. Sed cursus felis. Pellentesque ut nisi. Donec vulputate cursus mauris.  </p> 
</div> 
<!-- END Container --> 
 
<!-- ------------------------------------------ FOOTER -------------------------------------------- --> 
 
<!-- Footer --> 
<div id="footer"> 
</div> 
<!-- END Footer --> 
 
</div> 
<!-- END Maincontainer --> 
 
</body> 
</html>


LAYOUT CSS

Code: 
@charset "utf-8"; 
/* CSS Billbos LAYOUT */ 
 
* html { 
margin: 0; 
padding: 0; 
} 
 
 
body { 
   background: #FFF url(../img/background/background.png) repeat-x bottom left; 
   } 
    
/* Maincontainer */ 
 /* -gesammres Inhaltslayout, -header, -container und alle Inhalte */ 
  
#main { 
   background: #189fe8; 
   width: 600px; 
   margin: 25px auto 0 auto; 
   } 
    
/* Header */ 
 /* Header / Kopfbereich, Logo und Informationen */ 
  
#header { 
   background: #FFF; 
   margin: 0 auto; 
   } 
    
/* Container */ 
 /* Container / Inhalt, Informationen, Seiteninhalt, Zentrum der Homepage alles Relevante */ 
  
#container { 
   background: #189fe8; 
   margin: 0 auto; 
   width: 600px; 
   text-align: left; 
   } 
    
/* Footer */ 
 /* Kurze Informationen, Links, Kontakt + Impressum */ 
  
#footer { 
   background: #189fe8; 
   margin: 0 auto; 
   width: 600px; 
   height: 75px; 
   text-align: left; 
   }
 
Könnte daran liegen, dass du keine Schriftfarbe angegeben hast. Abgesehen davon würde ich statt

Code: 
background: #FFF;

das schreiben:

Code: 
background-color: #FFF;
 
Dankeschön, habe eben folgendes ausprobiert!

Aber es klappt noch immer nicht ganz wie ich es möchte!

Code: 
body {
   background-color: #FFF;
   background-image: url(../img/background/background.png);
   background-repeat: repeat-x;
   background-position: bottom;
   }

Mit freundlichen Grüßen

Billbos
 
Oh Mann, dass ich da nicht schon früher draufgekommen bin. Das gleiche Problem hatte ich auch mal:

Es liegt an deinen Kommentaren:
Code: 
<!-- ------------------------------------------ HEADER -------------------------------------------- -->
Lass das Leerzeichen weg und beschränke dich auf die beiden Anfangs- und Endstriche:
Code: 
<!--Header-->
 
Danke das habe ich jetzt behoben, echt vielen Dank.
Nun ist aber noch ein Problem da, warum ist der Hintergrund nicht am unterem Browerrand?

schau mal Billbos | Home (Problem Firefox 3)

Mit freundlichen Grüßen

Billbos
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben