Firefox Problem

Gehe zu Seite:

Geschlossen

Fr. 13.03.2009 14:24 Uhr #1

MGTest Mitglied

Ich habe folgendes Problem:

Das Design, welches ich entworfen und gecodet habe sieht im IE7 gut aus und wird richtig angezeigt .
In Firefox (neueste Version) hingegen wird die Center .png im Div Tag nicht richtig angezeigt.

Screens:

Firefox

Internet Explorer:

HTML-Code:

<div id="top">
  <div id="header"></div>
   
  <div id="center">
    <div id="left_col">
      
    {_list_menunr1@
    <table cellpadding="0" cellspacing="0" border="0" width="160">
       
      <tr>
        <td style="height: 31px; background: url(include/designs/xxx/img/box_left_top.jpg) top left no-repeat;"><b class="menu_heading">%1</b></td>
    </tr>    
      <tr>
        <td style="background: url(include/designs/xxx/img/box_left_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
      </tr>
      <tr>
        <td style="height: 24px; background: url(include/designs/xxx/img/box_left_bottom.jpg) bottom left no-repeat;"></td>
    </tr>
    </table>
    <br />
    }
   
  </div>
    <div id="main_col">
     
            <table width="500" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td style="width: 500px; height: 19px; bottom left;" align="left">&nbsp;<b> &raquo; </b>{HMENU}</td>
          </tr><tr>
            <td style="min-height:100px;padding: 10px;">{EXPLODE}</td>
          </tr>
        </table>
    </div>
   
  <div id="right_col1">
        {_list_menunr2@
        <table width="182" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td style="height: 31px; background: url(include/designs/xxx/img/box_right_top.jpg) no-repeat"><b class="menu_heading">%1</b></td>
          </tr><tr>
            <td style="background: url(include/designs/xxx/img/box_right_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
          </tr><tr>
            <td style="height: 24px; background: url(include/designs/xxx/img/box_right_bottom.jpg) no-repeat bottom left;" align="center"></td>
          </tr>
        </table>
        <br />
        }
  </div>
  
   
</div><div id="footer"><div id=""><div id="copy">© Mallinckrodt Gymnasium; Design by Lukas Tüllmann</div></div>
</div> 
</div>

CSS Code:

....
body 
{
  margin: 0;
  padding: 0;
  background: #c3c3c3;
  color: 
;
  font:10px Verdana, Helvetica, sans-serif;
    text-decoration: none
  
}
 
#top  { 
  margin: 0 auto; 
  padding: 0; 
  width: 950px 
  }
#footer_menu {
  color: #ffffff;
  width:200px;
    float:left;
    margin:55px 0px 0px 350px;
    display:inline;
  }
#header  { 
  background-image: url(img/header.png); 
  background-repeat: no-repeat; 
  background-position: center bottom; 
  width: 950px; 
  height:310px 
  }
 
#copy  {
    padding-top:47px;
    font-size:9px
    }
 
 
#center {
    background-image: url(img/center.jpg); 
  
  background-position: center;
  margin: 0 auto; 
  padding: 0;
  width:950px;
  height:1px;
     
  }
#footer   { 
  background-image: url(img/footer.png); 
  background-repeat: no-repeat; 
  background-position: center; 
  text-align: center; 
   
  width: 950px; 
  height: 68px; 
  clear: both 
  }
....

Ich hoffe ihr könnt mir schnellst möglich helfen, da ich vorerst nur Freitags an dieser Homepage arbeiten kann.

mfG

Lukas Tüllmann

verwendete ilchClan Version: 1.1

betroffene Homepage: mgtest.bplaced.net

0 Mitglieder finden den Beitrag gut.

zitieren

Fr. 13.03.2009 16:22 Uhr #2

Mairu Coder

Mit dieser index.htm sollte es gehen

100

101

102

103

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
   
  <html>
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
<link rel="stylesheet" type="text/css" href="include/designs/neppel/style.css">
</head>
 
<body> 
<div id="center">
<div id="top">
  <div id="header"></div>
   
  <div>
    <div id="left_col">
      
    {_list_menunr1@
    <table cellpadding="0" cellspacing="0" border="0" width="160">
       
      <tr>
        <td style="height: 31px; background: url(include/designs/neppel/img/box_left_top.jpg) top left no-repeat;"><b class="menu_heading">%1</b></td>
 
    </tr>    
      <tr>
        <td style="background: url(include/designs/neppel/img/box_left_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
      </tr>
      <tr>
        <td style="height: 24px; background: url(include/designs/neppel/img/box_left_bottom.jpg) bottom left no-repeat;"></td>
    </tr>
    </table>
    <br />
 
    }
   
  </div>
    <div id="main_col">
     
            <table width="500" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td style="width: 500px; height: 19px; bottom left;" align="left">&nbsp;<b> &raquo; </b>{HMENU}</td>
          </tr><tr>
            <td style="min-height:100px;padding: 10px;">{EXPLODE}</td>
 
          </tr>
        </table>
    </div>
   
  <div id="right_col1">
        {_list_menunr2@
        <table width="182" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td style="height: 31px; background: url(include/designs/neppel/img/box_right_top.jpg) no-repeat"><b class="menu_heading">%1</b></td>
          </tr><tr>
 
            <td style="background: url(include/designs/neppel/img/box_right_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
          </tr><tr>
            <td style="height: 24px; background: url(include/designs/neppel/img/box_right_bottom.jpg) no-repeat bottom left;" align="center"></td>
          </tr>
        </table>
        <br />
        }
  </div>
  
   
 
</div><div id="footer"><div id=""><div id="copy">© Mallinckrodt Gymnasium; Design by Lukas Tüllmann</div></div>
</div> 
</div>
</div>
</body>
</html>
 
 
 
         <!--
                    {_list_DDDmenupoint@
                      <strong><big>&middot;</big></strong>
            <a %1 class="box" href="%2">%3</a>
            <br />
                    }
          //-->
           
          <!-- beispiel:
            [null, '%3', '%2', '%1', null|],|,
          -->
 
          <!--           anfang        +     link                |ende |teilende|teilee  -->
          <!-- horizontaler menupunkt -->
          {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
          <!-- horizontaler menupunkt anfang -->
          {_list_hmenubegi@<ul>}
          <!-- horizontaler menupunkt ende -->
          {_list_hmenuende@</ul>}
           
          <!-- vertikaler menupunkt -->
 
          {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
          <!-- vertikaler menupunkt anfang -->
          {_list_vmenubegi@<ul>}
          <!-- vertikaler menupunkt ende -->
          {_list_vmenuende@</ul>}

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite

0 Mitglieder finden den Beitrag gut.

zitieren

Fr. 13.03.2009 16:49 Uhr #3

MGTest Mitglied

Registriert seit
27.02.2009

Beiträge
10

Beitragswertungen

Ich weiß jetzt nicht direkt was du getan hast,
haben die aktuelle .hmt jedoch ersetzt.

Bei deiner Version werden keine Bilder angezeigt sowie keine Formatierung vorgenommen. Dies geschiet auch im IE net. Ich habe mal deine Version aufm Webspace gelassen, vllt könntest du nochmal gucken.

mgtest.bplaced.net

Danke schonmal für deinen Versuch

mfG Lukas Tüllmann
0 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 13.03.2009 17:22 Uhr #4

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Also der Link zur css stimmt nicht bei dir, ich hatte eigentlich deine index genommen und nur wenig geändert, und bestimmt nicht den css Link, der auch noch richtig aussieht, zumindest hier im Forum.

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 16.03.2009 15:35 Uhr #5

MGTest Mitglied

Registriert seit
27.02.2009

Beiträge
10

Beitragswertungen

ok habe ich aktualisiert die Links, jedoch wird im Firefox der Background immernoch nicht angezeigt.

Wodran könnte es den liegen? Vllt daran das mein Center eine .png ist? Aber ich meine mich zu erinnern das da eig kein Unterschied gemacht wird von Mozilla.

Niemand ne Idee wodrans liegt *langsam am verzweifeln*?
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 16.03.2009 16:29 Uhr #6

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Gib mal der #center in der css 100% height.

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 16.03.2009 16:49 Uhr #7

MGTest Mitglied

Registriert seit
27.02.2009

Beiträge
10

Beitragswertungen

Getan, aller dings wird der Background jetzt nicht mit angepasst sondern nur bis zu y=? fortgesetzt.

Kann man auf der HP gerade sehen.

Neuer Tipp?
^^

€dit:

Im IE7 läuft alles wie es soll -.-'

Zuletzt modifiziert von MGTest am 16.03.2009 - 16:50:39
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 16.03.2009 19:20 Uhr #8

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Ok also mach mal die 100% wieder weg und in das div mit id="center" ganz zum schluss noch ein div mit clear:both
ggf. noch background-repeat setzen.

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 16.03.2009 19:26 Uhr #9

MGTest Mitglied

Registriert seit
27.02.2009

Beiträge
10

Beitragswertungen

Verstehe ich jetzt net ganz....

Wohin jetzt wat?

Könntest du mir vllt das einbauen?

Ich wäre dir echt dankbar...
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 16.03.2009 23:21 Uhr #10

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Sicher gibt mir einfach mal FTP ich denke ich werde das sicher irgendwie schaffen

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
0 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 27.03.2009 15:00 Uhr #11

MGTest Mitglied

Registriert seit
27.02.2009

Beiträge
10

Beitragswertungen

So du hast ne PM von mir
0 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 27.03.2009 19:35 Uhr #12

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Müsste jetzt passen.

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
0 Mitglieder finden den Beitrag gut.
- zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Ilch Clan 1.1 » Fehlersuche und Probleme » Firefox Problem