pl4nul4
Threadersteller
Dabei seit: 16.09.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 16.09.2009 16:00
Titel Im IE gehts aber nich bei Mozilla :( CSS |
|
|
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 Ich poste hier einfach mal meinen Code in der Hoffnung das ihr mehr seht als ich.. ich bin mit meinem Latein am Ende! 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.
|
|