IE 8 OK - FF3 kein Footer und Page Background

MarcoKL

Hallo Leute,

leider habe ich noch kein Thema zu diesen Problem gefunden, hoffe ich mal ;)

Zu meinem Problem:

Im InternetExplorer 8 wird das Layout richtig dargestellt, nur im Firefox 3 nicht, zeigt mir zwar das Bild vom Header an, aber das Background Bild im Contentbereich sowie das Footer Background Bild bleiben aus...

Poste euch mal meine style.css

HTML

/* General */
body {
 margin: 0;
 background: #2E2A53 url("images/background.gif") repeat-x;
}
h1, h2, h3, h4 {
 margin: 0;
}
img {
 border: 0;
}
.clear {
 clear: both;
 height: 1px;
 overflow: hidden;
}
 
/* Page */
#page {
 margin: 0 auto;
 width: 768px;
         background: url("images/page.gif") repeat-y;
}
#page-in {
 width: 768px;
 background: url("images/page_in.jpg") no-repeat;
}
 
/* Header */
#header {
 width: 768px;
 height: 305px;
 position: relative;
}
 /* Header - Info */
 
 #header #header-info {
  position: absolute;
  top: 90px;
  left: 75px;
 }
 
 #header #header-info h1 {
  color: #ffffff;
  font: bold 30px Verdana;
  padding-bottom: 5px;
 }
 
 #header #header-info h1 a {
  color: #ffffff;
  text-decoration: none;
 }
 
 #header #header-info .description {
  color: #000000;
  font: normal 18px Verdana;
 }
 
 /* Header - Menu */
 
 #header #header-menu {
  position: absolute;
  top: 261px;
  left: 39px;
  height: 23px;
 }
 
 #header #header-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: 23px;
 }
 
 #header #header-menu ul li {
  float: left;
  height: 23px;
  font: normal 15px/23px Verdana;
  color: #0e993d;
  margin-right: 3px;
 }
 
 #header #header-menu ul li a {
  color: #0e993d;
  text-decoration: none;
  display: block;
  padding: 0 10px;
 }
 
 #header #header-menu ul li a:hover {
  color: #ffffff;
  background: #1b172a;
  text-decoration: none;
 }
 
 #header #header-menu ul li ul {
  display: none;
 }
 
 #header #header-menu ul li.current_page_item a {
  color: #ffffff;
  background: #1b172a;
  text-decoration: none;
 }
 
 /* Header - Search */
 
 #header #header-search {
  position: absolute;
  top: 262px;
  left: 570px;
  width: 180px;
  height: 21px;
 }
 
 #header #header-search #searchform {
  margin: 0;
 }
 
 #header #header-search #s {
  width: 98px;
  height: 13px;
  border: 0;
  padding: 2px;
  font: normal 11px Verdana;
  color: #ffffff;
  background: transparent;
 }
 
 #header #header-search #searchsubmit {
  background: transparent;
  border: none;
  width: 68px;
  height: 21px;
  margin-left: 2px;
 }
 
/* Main */
#main {
 width: 768px;
}
 /* Main - Content */
 
 #content {
  float: left;
  width: 520px;
  padding-left: 33px;
 }
 
 /* Main - Content - Post */
 
 #content .post {
  color: #ffffff;
  float: left;
  margin-bottom: 30px;
  width: 520px;
 }
 
  /* Post - Title */
 
  #content .post .post-title {
   width: 520px;
   color: #ffffff;
   font: normal 10px Verdana;
  }
 
  #content .post .post-title a {
   color: #0e993d;
   text-decoration: none;
  }
 
  #content .post .post-title a:hover {
   text-decoration: underline;
  }
 
  #content .post .post-title h2 {
   color: #0e993d;
   font: bold 20px Verdana;
   float: left;
  }
 
  #content .post .post-title h2 a {
   color: #0e993d;
   text-decoration: none;
  }
 
  #content .post .post-title h2 a:hover {
   text-decoration: underline;
  }
 
  #content .post .post-title .post-title-info {
   float: right;
   line-height: 25px;
  }
 
  #content .post .post-title .post-title-info span {
   color: #0e993d;
  }
 
  /* Post - Entry */
 
  #content .post .post-entry {
   font: normal 13px/19px Arial, Verdana;
   color: #ffffff;
   padding: 0 5px;
   width: 510px;
  }
 
  #content .post .post-entry a {
   color: #0e993d;
   text-decoration: none;
  }
 
  #content .post .post-entry a:hover {
   text-decoration: underline;
  }
 
  #content .post .post-entry .more-link {
   font: bold 13px/20px Arial, Verdana;
   color: #0e993d;
   float: right;
   margin-bottom: 5px;
  }
 
  #content .post .post-entry .more-link a {
   color: #0e993d;
   text-decoration: none;
  }
 
  #content .post .post-entry .more-link a:hover {
   text-decoration: underline;
  }
 
  /* Post - Info */
 
  #content .post .post-info {
   padding: 0 5px;
   width: 510px;
   clear: both;
   font: normal 12px Verdana;
   color: #0e993d;
   text-align: right;
  }
 
  #content .post .post-info a {
   color: #0e993d;
   text-decoration: none;
  }
 
  #content .post .post-info a:hover {
   text-decoration: underline;
  }
 
  /* Post - Comments */
 
  #content .post h3 {
   color: #0e993d;
   font: normal 20px Verdana;
   margin: 20px 0 10px 0;
   padding: 0 5px;
   width: 510px;
  }
 
  #content .post .comments {
   font: normal 13px/19px Arial, Verdana;
   color: #ffffff;
   padding: 0 5px;
   width: 510px;
  }
 
  #content .post .comments ol {
   margin: 10px 0;
   padding-left: 25px;
  }
 
  #content .post .comments ol li {
   padding: 5px;
  }
 
  #content .post .comments ol li a {
   color: #0e993d;
   text-decoration: none;
  }
 
  #content .post .comments ol li a:hover {
   text-decoration: underline;
  }
 
  #content .post .comments ol li.alt {
   background: #15121e;
  }
 
  #content .post .comments ol li cite {
   color: #0e993d;
   font-style: normal;
   font-weight: bold;
  }
 
  #content .post .comments ol li cite a {
   color: #0e993d;
   text-decoration: none;
  }
 
  #content .post .comments ol li cite a:hover {
   text-decoration: underline;
  }
 
  #content .post .comments ol li .commentmetadata a {
   color: #0e993d;
   text-decoration: none;
  }
 
  #content .post .comments ol li .commentmetadata a:hover {
   text-decoration: underline;
  }
 
  #content .post #commentform {
   font: normal 13px/19px Arial, Verdana;
   color: #ffffff;
   padding: 0 5px;
   width: 510px;
  }
 
  #content .post #commentform a {
   color: #0e993d;
   text-decoration: none;
  }
 
  #content .post #commentform a:hover {
   text-decoration: underline;
  }
 
 /* Main - Sidebar */
 
 #sidebar {
  float: left;
  width: 170px;
  font: normal 16px/25px Verdana;
  color: #ffffff;
  padding-left: 11px;
 }
 
 #sidebar a {
  color: #372e55;
  text-decoration: none;
 }
 
 #sidebar a:hover {
  text-decoration: underline;
 }
 
 #sidebar .sidebar-box {
  width: 170px;
  padding-bottom: 25px;
 }
 
  /* Sidebar - Titles */
 
  #sidebar h3 {
   font: bold 18px Verdana;
   color: #0e993d;
   margin-bottom: 6px;
  }
 
  /* Sidebar - Menus */
 
  #sidebar ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
  }
 
  #sidebar ul li {
   text-align: center;
   font: normal 16px/25px Verdana;
   color: #ffffff;
   width: 175px;
   margin-bottom: 1px;
  }
 
  #sidebar ul li a {
   color: #ffffff;
   background: url("images/sidebar_menu.gif");
   text-decoration: none;
   display: block;
  }
 
  #sidebar ul li a:hover {
   color: #372e55;
   background: none;
   text-decoration: none;
  }
 
  #sidebar ul li ul {
   display: none;
  }
 
/* Footer */
#footer {
 width: 768px;
 height: 21px;
 background: url("images/footer.gif") no-repeat;
 color: #9a54ff;
 font: normal 9px/21px Verdana;
 text-align: center;
}
#footer a {
 color: #9a54ff;
 text-decoration: underline;
}
#footer a:hover {
 text-decoration: underline;
}

Alles anzeigen

Hoffe Ihr könnt mir bei meinem Problem weiterhelfen. Ach ja, ist überigens die aktuelle Wordpress Version.

Beste Grüße
Marco

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

maxe

wo ist der Link zu deinem Blog?

MarcoKL

PN ist raus..

koslowski

Zitat von MarcoKL

PN ist raus..

das ist aber kein Link. :?

maxe

naja, ich bin ja hier kein Einzelunterhalter, von daher wäre ein Link für alle besser.

Trotzdem mal ein Versuch von mir ... gib dem #footer mal ein clear:both mit.

MarcoKL

Tausend Dank...

Manchmal ist es nur ein Befehl ;)

Funzt alles...

Beste Grüße
Marco

Willkommen! Melden Sie sich an oder registrieren Sie sich.

IE 8 OK - FF3 kein Footer und Page Background

Jetzt mitmachen!