Ergebnis 1 bis 8 von 8

Thema: Netscape, Opera und Firefox beschneiden meine Menü-Buttons!!

  1. #1
    magicmaster
    Gast

    Standard Netscape, Opera und Firefox beschneiden meine Menü-Buttons!!

    Hallo,

    kleines Problem:
    Habe eine Site erstellt, die mit dem IE einwandfrei funktioniert.
    Läuft auch auf Netscape, Opera und Firefox, allerdings mit Abstrichen!
    Meine Menü-Buttons auf der linken Seite werden exakt auf die Größe
    des Textes beschnitten! Eigentlich sind die Buttons ganze Bilder, also
    nicht zusammengestückelt aus mehreren kleinen Bildern!
    Leider habe ich keine Ahnung woran dies liegen könnte.

    Hier der Link zur Test-Site, die sich noch im Aufbau befindet:

    http://www.nbb.de/nbb_cms/index.php?...mid=26&lang=de

    und hier mein komplettes css-File(der Part mit den Buttons ist fett und kursiv):

    BODY {
    margin : 0px 0px 0px 0px;
    background-color : #eeeeee;
    color : #000000;
    }

    td, tr, p, div {
    font-family : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
    color : #000000;
    }

    ul {
    margin : 0px 0px 0px 0px;
    }

    li {
    list-style-image : url('../images/arrow.gif');
    list-style-position:inside
    }

    hr {
    background : #C0C0C0;
    height : 1px;
    width : 100%;
    }


    a.buttonbar:link, a.buttonbar:visited {
    color : #FFFFFF;
    font-weight : bold;
    text-transform : uppercase;
    }

    a.buttonbar:hover {
    color : #0E5CAD;
    text-decoration : none;
    }


    a.pathway:link, a.pathway:visited {
    color : #285078;
    font-weight : normal;
    }

    a.pathway:hover {
    color : #CC6600;
    font-weight : normal;
    }


    .menu {
    background : #FFFFFF;
    border : 0px solid #C0C0C0;
    }

    .menutop {
    background : #BFDFFF;
    border : 1px solid #C0C0C0;
    }

    .menubottom {
    background : #E5E5E5;
    border : 1px solid #C0C0C0;
    }

    .modules {
    background : #F7F7F7;
    border : 1px solid #C0C0C0;
    }

    .mainlevel {
    letter-spacing : 0px;
    padding-left : 15px;
    width : 160;
    line-height : 22px;
    border : 3px solid #FFFFFF;
    }

    a.mainlevel:link, a.mainlevel:visited {
    color : #000000;
    background : url('../images/icon01.gif');
    font-weight : bold;
    background-repeat: no-repeat;
    }

    a.mainlevel:hover {
    color : #FFFFFF;
    background : url('../images/icon02.gif');
    font-weight : bold;
    background-repeat: no-repeat;
    }
    .sublevel {
    letter-spacing : 0px;
    padding-left : 5px;
    }

    table.moduletable th {
    font-size : 11px;
    font-weight : bold;
    color : #0088CA;
    text-align : left;
    letter-spacing : 0px;
    border-bottom : 1px solid #AFD1F4;
    }

    table.moduletable {
    margin: 0px 0px 0px 0px;
    width: 95%;
    border-left: solid 0px #000000;
    border-right: solid 0px #000000;
    border-top: solid 0px #000000;
    border-bottom: solid 0px #000000;
    }

    .sectiontableheader {
    background-color : #AFD1F4;
    color : #FFFFFF;
    height : 20px;
    font-weight : bold;
    letter-spacing : 1px;
    }

    .sectiontableentry1 {
    background-color : #F0F0F0;
    }

    .sectiontableentry2 {
    background-color : #E0E0E0;
    }


    .date {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    color : #000000;
    text-decoration : none;
    font-weight : normal;
    }


    .small {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 9px;
    color : #CC6600;
    text-decoration : none;
    font-weight : normal;
    }

    .smalldark {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 9px;
    color : #002850;
    text-decoration : none;
    font-weight : normal;
    }

    .contentpane {
    text-align : justify;
    background : #F7F7F7;
    border : 1px solid #C0C0C0;
    padding-right : 10px;
    margin-bottom : 10px;
    }

    .contentpaneopen {
    text-align : justify;
    background : #F7F7F7;
    border : 1px solid #C0C0C0;
    margin-bottom : 10px;
    }

    .contentheading, .componentheading {
    font-size : 13px;
    font-weight : bold;
    color : #000000;
    letter-spacing : 2px;
    border-bottom : 1px solid #AFD1F4;
    text-align : left;
    }

    .createdate {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 10px;
    color : #999999;
    text-align : left;
    }

    .button {
    font-family : Arial, Helvetica, sans-serif;
    font-style : normal;
    font-size : 11px;
    color : #000000;
    background : #EFEFEF;
    border : 1px solid #C0C0C0;
    }

    .inputbox {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 11px;
    color : #000000;
    background : #F7F7F7;
    border : 1px solid #C0C0C0;
    }

    a:link, a:visited {
    font-size : 11px;
    color : #285078;
    text-decoration : none;
    font-family : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    }

    a:hover {
    color : #CC6600;
    text-decoration : none;
    }

    a.category:link, a.category:visited {
    color : #285078;
    font-weight : bold;
    letter-spacing : 1px;
    }

    a.category:hover {
    color : #CC6600;
    }



    Wäre suuuper, wenn mir jemand schnell helfen könnte!

    Gruß

    Magic
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Großmeister(in)
    Registriert seit
    06.06.2005
    Beiträge
    545
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Versuchs mit dem:


    a.mainlevel:link, a.mainlevel:visited {
    color : #000000;
    width: GrößedeinerBilder px;
    background : url('../images/icon01.gif');
    font-weight : bold;
    background-repeat: no-repeat;
    }

    a.mainlevel:hover {
    color : #FFFFFF;
    width: GrößedeinerBilder px;
    background : url('../images/icon02.gif');
    font-weight : bold;
    background-repeat: no-repeat;
    }

  3. #3
    magicmaster
    Gast

    Standard Funktioniert leider nicht

    habe ich ausprobiert, funktioniert aber leider nicht!
    Auch nicht wenn ich Länge und Breite angebe!

    Sonst noch irgendjemand eine Idee???

  4. #4
    Großmeister(in)
    Registriert seit
    27.09.2005
    Beiträge
    591
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    es funktioniert sehr wohl guck doch mal auf deine seite !
    lieber mal hier http://de.selfhtml.org nachgucken

  5. #5
    magicmaster
    Gast

    Standard Tut´s nicht!

    Also ich habe auf meine Seite geschaut und gesehen,
    dass es nicht funktioniert! Mit dem Internet Explorer funktioniert
    es, wie gesagt, aber nicht mit Netscape, Firefox und Opera!
    Die Buttons sollen alle gleich lang sein und eine bestimmte Höhe haben!
    Vergleiche doch mal die Ansicht zwischen Internet Explorer
    und einem der anderen genannten Browser!

  6. #6
    Großmeister(in)
    Registriert seit
    27.09.2005
    Beiträge
    591
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    oh hatte vergessen das ich von meinem pratikumsplatzt aus geschaut hatte und da nur IE hab
    und das heist doch auch background-image und nich bloß background


    aber das is mir erlich gesagt ein rätsel wie das sein kann

    der scheiß IE mal wieder man darf inline elementen wie dem link keine width zu weisen du musst den liks noch
    Code:
    display:block
    zuweisen
    lieber mal hier http://de.selfhtml.org nachgucken

  7. #7
    Großmeister(in)
    Registriert seit
    27.09.2005
    Beiträge
    591
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    werden edits eigentlich als neuer post gezählt ?

    jedenfalls im obenstehenden beitrg ist die problem lösung
    lieber mal hier http://de.selfhtml.org nachgucken

  8. #8
    magicmaster
    Gast

    Standard Jiiipiiiieee

    Danke, danke, danke!

    Es hat funktioniert! :P Naja, bei den Untermenüs nicht so ganz,
    aber halb so wild, die gibt´s jetzt einfach ohne HG!
    Alles andere funktioniert!

    Vielen Dank nochmal.

    Gruss

Ähnliche Themen

  1. Probleme mit Netscape und Firefox
    Von Mari22 im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 07.03.2007, 23:22
  2. dhtml Menü & Opera
    Von im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 16.04.2006, 18:47
  3. darstellungsprobleme in Netscape und firefox
    Von quantum im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 02.03.2006, 12:52
  4. JS Menü links funktionieren nicht (Netscape, Firefox)
    Von subseven im Forum Script-Archiv
    Antworten: 2
    Letzter Beitrag: 24.01.2006, 16:44
  5. HTML mit IE , Firefox und Netscape
    Von im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 20.05.2005, 10:35

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •