mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 10:31 Benutzername: Passwort: Auto-Login

Thema: Im IE gehts aber nich bei Mozilla :( CSS vom 16.09.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Im IE gehts aber nich bei Mozilla :( CSS
Autor Nachricht
pl4nul4
Threadersteller

Dabei seit: 16.09.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 16.09.2009 15:00
Titel

Im IE gehts aber nich bei Mozilla :( CSS

Antworten mit Zitat Zum Seitenanfang

Hallo Leute bin gerade dabei eine Seite zu Programmieren. Im IE zeigt er auch den kompletten CSS richtig an.. Leider nicht bei Mozilla. Habe zwar schon die Suche genutzt aber auf die schnelle nichts passendes gefunden Lächel Ich poste hier einfach mal meinen Code in der Hoffnung das ihr mehr seht als ich.. ich bin mit meinem Latein am Ende! *Schnief* Jegliches CSS wird im Firefox nicht angezeit...

Hier die CSS datei:
Code:

.bodyinline {
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #340C70;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #340C70;
scrollbar-arrow-color: #340C70;
scrollbar-track-color: #FFFFFF;
background-color:#FFFFFF
}

.style1 {
   border-collapse: collapse;
   border-style: solid;
   background-position:center;
   background-image:url('pic/backrnd.jpg');
   background-repeat:no-repeat;
   border:2px #340C70 solid;
   }

   
.style2 {
   background-color:#E6E6E6;
   }

.style3 {
   margin-top:123px;
   margin-left:25px;
      }
.style4
   {
   margin-top:96px;
   margin-left:3px;
   }
}
   
body {
}
.link-home-active
{
   background-image:url('pic/home_active.JPG');
   width:135px;
   height:42px;

      
}

.link-home-active:hover, .link-home-active:active, .link-home-active:focus
{
      background-image:url('pic/home_active.JPG');
}
.link-home-inactive
{
   background-image:url('pic/home_inact.JPG');
   width:135px;
   height:42px;

      
}

.link-home-inactive:hover, .link-home-inactive:active, .link-inhome-active:focus
{
      background-image:url('pic/home_active.JPG');
}
/* home_Abschluss */
/* Aktuelles_Beginn */

.link-aktuelles-active
{
   background-image:url('pic/aktuelles_active.JPG');
   width:135px;
   height:42px;

      
}

.link-aktuelles-active:hover, .link-aktuelles-active:active, .link-aktuelles-active:focus
{
      background-image:url('pic/aktuelles_active.JPG');
}
.link-aktuelles-inactive
{
   background-image:url('pic/aktuelles_inact.JPG');
   width:135px;
   height:42px;

      
}

.link-aktuelles-inactive:hover, .link-aktuelles-inactive:active, .link-aktuelles-active:focus
{
      background-image:url('pic/aktuelles_active.JPG');
}
/* Aktuelles_Abschluss */
/* Angebote_Beginn */

.link-angebote-active
{
   background-image:url('pic/angebote_active.JPG');
   width:135px;
   height:42px;

      
}

.link-angebote-active:hover, .link-angebote-active:active, .link-angebote-active:focus
{
      background-image:url('pic/angebote_active.JPG');
}
.link-home-inactive
{
   background-image:url('pic/angebote_inact.JPG');
   width:135px;
   height:42px;

      
}

.link-angebote-inactive:hover, .link-angebote-inactive:active, .link-angebote-active:focus
{
      background-image:url('pic/angebote_active.JPG');
}
/* Angebote_Abschluss */
/* Geschichte_Beginn */

.link-geschichte-active
{
   background-image:url('pic/geschichte_active.JPG');
   width:135px;
   height:42px;

      
}

.link-geschichte-active:hover, .link-geschichte-active:active, .link-geschichte-active:focus
{
      background-image:url('pic/geschichte_active.JPG');
}
.link-geschichte-inactive
{
   background-image:url('pic/geschichte_inact.JPG');
   width:135px;
   height:42px;

      
}

.link-geschichte-inactive:hover, .link-geschichte-inactive:active, .link-geschichte-active:focus
{
      background-image:url('pic/geschichte_active.JPG');
}
/* Geschichte_Abschluss */
/* Mitarbeiter_Beginn */

.link-mitarbeiter-active
{
   background-image:url('pic/mitarbeiter_active.JPG');
   width:135px;
   height:42px;

      
}

.link-mitarbeiter-active:hover, .link-mitarbeiter-active:active, .link-mitarbeiter-active:focus
{
      background-image:url('pic/mitarbeiter_active.JPG');
}
.link-mitarbeiter-inactive
{
   background-image:url('pic/mitarbeiter_inact.JPG');
   width:135px;
   height:42px;

      
}

.link-mitarbeiter-inactive:hover, .link-mitarbeiter-inactive:active, .link-mitarbeiter-active:focus
{
      background-image:url('pic/mitarbeiter_active.JPG');
}
/* Mitarbeiter_Abschluss */
/* Kontakt_Beginn */

.link-kontakt-active
{
   background-image:url('pic/kontakt_active.JPG');
   width:135px;
   height:42px;

      
}

.link-kontakt-active:hover, .link-kontakt-active:active, .link-kontakt-active:focus
{
      background-image:url('pic/kontakt_active.JPG');
}
.link-kontakt-inactive
{
   background-image:url('pic/kontakt_inact.JPG');
   width:135px;
   height:42px;

      
}

.link-kontakt-inactive:hover, .link-kontakt-inactive:active, .link-kontakt-active:focus
{
      background-image:url('pic/kontakt_active.JPG');
}
/* Kontakt_Abschluss */
/* Impressum_Beginn */

.link-impressum-active
{
   background-image:url('pic/impressum_active.JPG');
   width:135px;
   height:42px;

      
}

.link-impressum-active:hover, .link-impressum-active:active, .link-impressum-active:focus
{
      background-image:url('pic/impressum_active.JPG');
}
.link-impressum-inactive
{
   background-image:url('pic/impressum_inact.JPG');
   width:135px;
   height:42px;

      
}

.link-impressum-inactive:hover, .link-impressum-inactive:active, .link-impressum-active:focus
{
      background-image:url('pic/impressum_active.JPG');
}
/* Impressum_Abschluss */



und hier die HTML Seite:
Code:

<html>

   <head>
      <title>Titel</title>
      <link rel="stylesheet" href="style.css" type="text/css">
   </head>
   
   <body>
      <table align="center" class="style2" style="width: 100%" height="100%">
      <tr>
         <td>
            <table align="center" class="style1" style="width: 800px" height="564px">
            <tr>
               <td>
                  <table class="style3" style="width:182px" height="409px">
                     <tr>
                        <td valign="top" align="center">
                        <a href="index.html" class="link-home-active"><img src="pic/blank.JPG" border="0" alt=""></a>
                        <a href="aktuelles.html" class="link-aktuelles-inactive"><img src="pic/blank.JPG" border="0" alt=""></a>
                        <a href="angebote.html" class="link-angebote-inactive"><img src="pic/blank.JPG" border="0" alt=""></a>
                        <a href="geschichte.html" class="link-geschichte-inactive"><img src="pic/blank.JPG" border="0" alt=""></a>
                        <a href="mitarbeiter.html" class="link-mitarbeiter-inactive"><img src="pic/blank.JPG" border="0" alt=""></a>
                        <a href="kontakt.html" class="link-kontakt-inactive"><img src="pic/blank.JPG" border="0" alt=""></a>
                        <a href="impressum.html" class="link-impressum-inactive"><img src="pic/blank.JPG" border="0" alt=""></a>
                        </td>
                     </tr>
                  </table>
               </td>
               
               <td>
                  <table class="style4" style="width:547px" height="409px" cellpadding="0" cellspacing="0">
                     <tr>
                        <td valign="top" align="left">
                           <iframe name="Iframe1" src="if_home.html" style="width:544px" height="406px" frameborder="0">
                              
                           </iframe>
                        </td>
                     </tr>
                  </table>
               </td>

               
            </tr>
            
            
            
            </table>
         </td>
      </tr>
      </table>
   </body>
</html>

schonmal vorab danke für eure Hilfe.
  View user's profile Private Nachricht senden
felixabraham

Dabei seit: 28.02.2007
Ort: Leipzig, Halle (Saale)
Alter: 33
Geschlecht: Männlich
Verfasst Do 17.09.2009 00:29
Titel

Antworten mit Zitat Zum Seitenanfang

Sämtliche Scrollbar-Definitionen werden vom Firefox generell nicht interpretiert. Nach der ".style4"-Definition ist eine Klammer zu viel. Jag das CSS zudem mal durch den CSS-Validator danach funktionierts auch.

Zuletzt bearbeitet von felixabraham am Do 17.09.2009 00:30, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
pl4nul4
Threadersteller

Dabei seit: 16.09.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 17.09.2009 08:10
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo,

habe die überflüssigen Sachen rausgenommen. Er zeigt mir aber auch die Button nicht an, das mit dem Scrollbalken wäre zwar schön aber ist ok wenns nicht geht. alles was ich im CSS stehen habe kommt im FFox nicht. Wird einfach nicht angezeigt. Die externe Einbindung geht ja auch da sie im IE angezeigt wird.

Jemand noch ne andere Idee oder Erfahrungswerte?

Gruß
  View user's profile Private Nachricht senden
 
Ähnliche Themen Wie gehts weiter?
css in menu:mal gehts-mal nicht...?
Inhaltsverzeichnis mit Tabulator-Einrückung - wie gehts? CS6
Div Menu nur ab IE 7. Gehts auch anderes?
Antialiasing bei Photoshop wie bei Flash.. gehts?
Movieclip im Button abspielen, nur wie oder warum gehts net?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.