Suche im Forum:
Suchen


Autor Nachricht
Beitrag10.08.2009 um 20:00 (UTC)    
Titel: Design CSS : Mozilla stellt Homepage falsch dar

Hallo Leute , mir ist aufgefallen das wenn ich meine website auf firefox öffne da voll der fehler ist , der aber nicht auf Opera und Expolrer ist !

Firefox :

http://img9.imageshack.us/img9/9047/waehomepagemenu1092009g.jpg

Explorer :

http://img.webme.com/pic/w/wrestlingactionentertainment/image155.gif

Mein Code :

<br /><br /><style type="text/css" media="screen">
<!--

body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px; }

ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

li a {
padding-right: 20px;padding-top: 5px; }

div.menu {
position: absolute;
z-index: 3;
top: 125px;
left: 45%;
margin-left:-405px;
width:1000px; }

.menu li {
width: 157px;
float: left; }

.menu a {
border: 1px solid #ffffff;
background-color: #333333;
background-image: url(http://img.webme.com/pic/w/wrestlingactionentertainment/image135.gif);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 25px;
color: #ffffff; }

.menu a:hover {
background-color: #999999;
background-image: url(http://img.webme.com/pic/w/wrestlingactionentertainment/image136.gif); }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
font-size: 14px;
display: none;
width: 160px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #ffffff ; }
//-->
</style>


/* GEHÖRT INS FELD "TEXT ÜBER DESIGN" */
<script type="text/javascript">
<!--
function montre(id) {
with (document) {
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block'; }
}

function cache(id) {
with (document) {
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none'; }
}
//-->
</script>


<style type="text/css"><!--body{border: 200px #383838 solid}--></style>
-->
</style>
<table align="center" cellpadding="0" cellspacing="0" border="0"><tr><td align="center">
<style type="text/css">
<!--
<style type="text/css">
<!--

div#nav_container{display: none;}
-->
</style>

Also muss ich da irgendwas verändern oder so ? Bedenkt bitte , auf Opera und Explorer ist alles SUPER ! Nur dieses EIne das da die Links stehen , die müssen weg , die sind aber auch nur auf firefox`!!!!!!!!!!!!!
______________
Ihr wollt wrestlen ? Auf der WAE seid ihr richtig !


Zuletzt bearbeitet von wrestlingactionentertainment am 11.08.2009, 00:29, insgesamt 5-mal bearbeitet
Beitrag10.08.2009 um 23:21 (UTC)    
Titel:

Schaue mal die rot markierten Punkte an im Code.

1. Im Feld "css ohne style tags" gehören keine "style-tags"
2. HTML hat dort ebenfalls nichts zu suchen Wink

Was sind "style-tags" ?

Das hier : <style type="text/css"> und </style>
______________


Zuletzt bearbeitet von 24939 am 11.08.2009, 00:22, insgesamt einmal bearbeitet
Beitrag10.08.2009 um 23:27 (UTC)    
Titel:

Hallo,

Habe mir deinen coe auch nochmal angesehen und habe ihn mal aufgeräumt.

Folgenden Code bitte in Text über dem Design hinzufügen, NICHT im CSS-Code Bereich.

Code:
<script type="text/javascript">
<!--
function montre(id) {
   with (document) {
      if (getElementById)
         getElementById(id).style.display = 'block';
      else if (all)
         all[id].style.display = 'block';
      else
         layers[id].display = 'block';
   }
}

function cache(id) {
   with (document) {
      if (getElementById)
         getElementById(id).style.display = 'none';
      else if (all)
         all[id].style.display = 'none';
      else
         layers[id].display = 'none';
   }
}
//-->
</script>




Und folgendes kann dann nun in deinen CSS-Code Bereich, OHNE unnötige Styletags, nur einmal schließen und öffnen wegen der Zentrierung:
Code:
body {
   font-family: Verdana, sans-serif;
   font-size: 14px;
   overflow: auto;
   padding: 10px;
   margin: 0px;
}
ul, li {
   list-style-type: none;
   padding: 0px;
   margin: 0px;
}
li a {
   padding-right: 20px;padding-top: 5px;
}
div.menu {
   position: absolute;
   z-index: 3;
   top: 125px;
   left: 45%;
   margin-left:-405px;
   width:1000px;
}
.menu li {
   width: 157px;
   float: left;
}
.menu a {
   border: 1px solid #ffffff;
   background-color: #333333;
   background-image: url(http://img.webme.com/pic/w/wrestlingactionentertainment/image135.gif);
   text-decoration: none;
   text-align: center;
   font-weight: bold;
   cursor: pointer;
   margin: 0px;
   display: block;
   height: 25px;
   color: #ffffff;
}
.menu a:hover {
   background-color: #999999;
   background-image: url(http://img.webme.com/pic/w/wrestlingactionentertainment/image136.gif);
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
   font-size: 14px;
   display: none;
   width: 160px;
   float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
   font-weight: bold;
   padding-top: 5px;
   border-top: 0px;
   cursor: pointer;
   color: #ffffff ;
}

body{border: 200px #383838 solid}
div#nav_container{display: none;}

//-->
</style>

<table align="center" cellpadding="0" cellspacing="0" border="0"><tr><td align="center">
<style type="text/css">
<!--


Zum Abschluss ein Bild, was dir nochmal zeigt, was du am bsten mal wo einfügst:



Liebe Grüße,

Jan aka "Asgar"

______________


Zuletzt bearbeitet von AsgarSerran am 11.08.2009, 00:27, insgesamt einmal bearbeitet
Beitrag11.08.2009 um 09:37 (UTC)    
Titel:

Yo , danke ! Habe letzendlich die ganzen Style Codes gelöscht und jetzt gehts überall !Trotzdem danke an beide Helfer !!!!! Laughing
______________
Ihr wollt wrestlen ? Auf der WAE seid ihr richtig !
Beitrag11.08.2009 um 17:36 (UTC)    
Titel:

Alles klar, danke für deine Rückmeldung

[closed]
______________
THE JOY OF NOT BEING SOLD ANYTHING
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de