1. Liebe Forumsgemeinde,

    aufgrund der Bestimmungen, die sich aus der DSGVO ergeben, müssten umfangreiche Anpassungen am Forum vorgenommen werden, die sich für uns nicht wirtschaftlich abbilden lassen. Daher haben wir uns entschlossen, das Forum in seiner aktuellen Form zu archivieren und online bereit zu stellen, jedoch keine Neuanmeldungen oder neuen Kommentare mehr zuzulassen. So ist sichergestellt, dass das gesammelte Wissen nicht verloren geht, und wir die Seite dennoch DSGVO-konform zur Verfügung stellen können.
    Dies wird in den nächsten Tagen umgesetzt.

    Ich danke allen, die sich in den letzten Jahren für Hilfesuchende und auch für das Forum selbst engagiert haben. Ich bin weiterhin für euch erreichbar unter tti(bei)pcwelt.de.
    Dismiss Notice

css problem bei firefox

Discussion in 'Web-Know-how für die Homepage' started by AlCapone3, Sep 12, 2007.

Thread Status:
Not open for further replies.
  1. AlCapone3

    AlCapone3 ROM

    hola
    bastel derzeit ne homepage für ne freundin und habe das problem, dass die seite bei opera und internet explorer tadellos läuft ohne jegliche probleme aber bei firefox nicht

    bei letzterem bekomme cih die fehlermeldung:

    "fehler beim verarbeiten des wertes für eigenschaft "padding". deklaration ignoriert
    http://namemeinerpage/layout.css"

    der quelltext meiner css sieht wie folgt aus:


    body { margin:0; padding:0; background-color:#b4a2a2; color:#000000; font-family:Helvetica, Geneva, sans-serif; font-size:0.9em; }

    #head {position:absolute; top:15px; left:110px; width:900px; height:100px; background-color:#FFFFFF;
    border:0px solid #000000; margin-bottom:0px; padding:0px 0px 0;}

    #cont {position:absolute; top:115px; left:110px; width:900px; height:400px; background-color:#FFFFFF;
    border:0px solid #000000; margin-bottom:0px; padding:0px 0px 0;}

    #foot {position:absolute; top:515px; left:110px; width:900px; height:75px; background-color:#FFFFFF;
    border:0px solid #000000; margin-bottom:0px; padding:0px 0px 0;}

    #rahmen_black {position:absolute; top:13px; left:108px; width:900px; height:575px;
    padding:0x;border:2px solid #4F4F4F; margin-bottom:0px;
    border-top-color:#b4a2a2;
    border-left-color:#b4a2a2;
    border-right-color:#4F4F4F;
    border-bottom-color:#4F4F4F;
    }

    .navigation {
    font-size: 28px;
    font-family: "Eras Light ITC";
    text-decoration: none;
    color: #333333;
    }

    .navigation:hover {
    font-size: 28px;
    font-family: "Eras Light ITC";
    text-decoration: none;
    color: #ffffff;
    font-weight: bold
    }


    das ich den padding wert bzw eintrag ändenr muss ist klar
    aber wie?
    habe weder hier noch bei google etwas konkretes zu meinem problem gefunden sondern nur algemeine sachen die cih aber hierauf nicht anwenden konnte (was wohl auch an meinem sehr geringen css wissen liegen mag)
    deswegen wäre eine fertig überarbeitete css datei die beste hilfe für mich

    mfg
    sash

    p.s. dachte erst dass es vllt was mit doctypes zu tun hätte aber da habe ich auch shocn rumprobiert und denke deswgeen dass es wirklich nur an dem padding liegt
     
    AlCapone3, Sep 12, 2007
    #1
  2. nichtsgeht2006

    nichtsgeht2006 Byte

    Der fehler liegt hier:
    Code:
    #rahmen_black {position:absolute; top:13px; left:108px; width:900px; height:575px;
[COLOR="Red"]padding:0x;[/COLOR]border:2px solid #4F4F4F; margin-bottom:0px;
    Nehme das X einfach raus, oder ändere das auf px. Bei Nullwerten ist es egal, ob da px hintersteht oder nicht. Aber 0x gibt es nicht.

    Du kannst die Datei "layout.css" einfach mit einem Editor, z.B. Notepad öffnen und ändern. es ist eine einfach Text-Datei. Aber das hab ich wohl falsch verstanden.;)
     
    nichtsgeht2006, Sep 12, 2007
    #2
  3. AlCapone3

    AlCapone3 ROM

    hola
    argh
    wegen ein so nem kleinen flüchtigkeitsfehler..das erklärt natürlich auch warum cih DAFÜR keine lösung im netz gefudnen habe
    manchmal sehen 4 augen eben mehr ;)
    danke :)

    fehler zeigt er jetztnciht mehr an
    aber ich kann nich auf die links klicken
    habe das gefühl dass der iwas anderes aus dem css file nich richtig läd da NUR bie firefox nichts passiert

    normalerweise hab cih 3 wörter die als link fungieren
    wenn ich mit der maus drüber gehe ändert sich die schriftfarbe und größe (bei opera und ie) und ich werde zur entsprechenden seite weitergeleitet
    aber nicht bei firefox :(

    hast du oder irgendwer anders dafür eine idee?

    mfg
    sash

    p.s. was die textdatei angeht hast du recht und es falsch verstanden ;)
     
    AlCapone3, Sep 12, 2007
    #3
  4. AlCapone3

    AlCapone3 ROM

    hier mla de rquelltext von der startseite (index.htm)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <title>hier titel un so</title>

    <link rel="stylesheet" type="text/css" href="layout.css">
    </head>
    <body>

    <div id="head"><center>
    <img src="logo.jpg" widht="700" height="100" align="center">

    </div></center>

    <div id="cont"><center>

    <br>
    <img src="start.jpg">
    </div></center>

    <div id="foot"><center>
    <br>
    <table width="900" border="0" cellpadding="0" cellspacing="0" bgcolor="#b4a2a2">
    <tr>
    <td width="150">&nbsp;</td>
    <td width="100"><div align="center" class="navigation"><a href="foto.htm" class="navigation">Fotos</a></div></td>
    <td width="50">&nbsp;</td>
    <td width="100"><div align="center" class="navigation"><a href="preise.htm" class="navigation">Preise</a></div></td>
    <td width="50">&nbsp;</td>
    <td width="100"><div align="center" class="navigation"><a href="kontakt.htm" class="navigation">Kontakt</a></div></td>
    <td width="150">&nbsp;</td>
    </tr>
    </table></div></center>
    <div id="rahmen_black"> </div>

    </body></html>




    das komische ist
    wenn ich bei
    <a href="kontakt.htm" class="navigation">fotos bzw preise bzw kontakt</a></div></td>

    class="navigation" weglasse funktioniert es halb
    dann wird die schrift größer wenn cih mit de rmaus drübe rgehe und ich kann auch dne link benutzen..aber er nimmt nich die farbe an und der link wird unterstrichen dargestellt

    vllt gibt es jetzt ja jemandne de rmir helfen kann

    mfg
    sash
     
    AlCapone3, Sep 12, 2007
    #4
  5. AlCapone3

    AlCapone3 ROM

    hab mich bei dem post hier grade vertan
     
    AlCapone3, Sep 12, 2007
    #5
  6. Nydana

    Nydana ROM

    Hi AlCapone3,
    hinter bold fehlt erstmal das ;.
    Sorry, aber wenn man "huscheldihusch" arbeitet, muss man sich nicht wundern, wenn einem das der eine oder andere Browser übelnimmt.

    Mach das mal ordentlicher! Irgendwie so:

    a { color: #333333; }
    a:link { color: #333333; }
    a:visited { color: #333333; }
    a:hover { color: #fff; background-color: #; }
    a, a:link, a:visited, a:hover { font-size: 28px; font-weight: bold; text-decoration:none; }

    Und in der HTML-Datei das doppelt gemoppelte <center> rausnehmen. Kann man auch in CSS packen.

    Und hier war auch dopptelt gemoppelte class=navigation:
    <td width="100"><div align="center"><a href="foto.htm">Fotos</a></div></td>
     
    Nydana, Sep 12, 2007
    #6
Thread Status:
Not open for further replies.

Share This Page