Zum Inhalt springen

Unterschiedliche Menüpunkt Größen

Erstellt am 6. Oktober 2005 · 2 Antworten · letzte Antwort am 7. Oktober 2005

Tags: HTML & CSS, Frage

yeaher ·

Hallo, wir haben ein großes Problem, wobei wir denken das es an der CSS liegt. Das Problem schildert sich wie folgt. Auf

http://www.amenue.de/index.php?id=30

wird die Größe der Menü-Buttons, die wir im CSS mit width/height festgelegt haben, im Internetexplorer schön und korrekt angezeigt. Aber im Mozilla / Netscape Browser verhagelt es uns die ganzen Menüpunkte: die Buttons sind fast doppelt so groß.
Die Quelltext-Ausgabe ist jeweils gleich mit selber zugewiesener Klasse class=navi.
Wir stehen kurz vor dem Zusammenbruch weil wir nicht weiter wissen.

DAS TEMPLATE SCRIPT:

#Admin Panel
config.admPanel = 0

seite = PAGE
seite.typeNum = 0
seite.bodyTag = <body bgcolor="#ffffff" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">

seite.stylesheet = fileadmin/template/noti/ie.css

# Template: Dateivorlage, HeaderImageleft, Content, Headerimage
seite.10 = TEMPLATE
seite.10.template = FILE
seite.10.template.file = fileadmin/template/noti/template.htm
seite.10.workOnSubpart = DOKUMENT

#M E N U E
seite.10.marks.MENUE = HMENU
seite.10.marks.MENUE.1 = TMENU
seite.10.marks.MENUE.1.NO {
allWrap = <tr> <td>|</td> </tr>
ATagParams=class="navi"
}

seite.10.marks.MENUE.1.ACT = 1
seite.10.marks.MENUE.1.ACT {
allWrap = <tr> <td>|</td> </tr>
ATagParams=class="act"
}

seite.10.marks.INHALT = CONTENT
seite.10.marks.INHALT {
table = tt_content
select.orderBy = sorting
select.where = colPos=0
}

CSS DATEI

td {
font-size: 10pt;
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000;
font-style: normal;
}

body {
background: #ffffff;
}

/* Scrollbarer Content Tabelle */
.forcontent {
overflow: auto;
width: 460px;
height: 370px;
bgcolor: red;
padding-right: 2px;
padding-top: 0px;
padding-left: 0px;
}

/* Überschrift des Inhaltes */
h1 {
color: rgb(0,0,51);
font-style: normal;
font-size: 14pt;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

/* vorläufige Impressums Formatierung */
.impressum {
color: rgb(0,0,51);
font-style: normal;
font-size: 10t;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

a.navi {
color: #404020;
font-weight: bold;
font-size: 13px;
font-family: Verdana, Arial, sans-serif;
text-align: left;
margin: 0px;
padding: 13px;
padding-left: 26px;
width: 151px;

display: block;
text-decoration: none;
background: url('navigation_normalzustand.gif') no-repeat;
}

a:hover.navi {
color: #8A2BE2;
font-weight: bold;
font-size: 13px;
font-family: Verdana, Arial, sans-serif;
text-align: left;
margin: 0px;
padding: 13px;
padding-left: 26px;
width: 151px;

display: block;
text-decoration: none;
background: url('navi_hg_act_und_ro.gif') no-repeat;
}

.act {
color: #8A2BE2;
font-weight: bold;
font-size: 13px;
font-family: Verdana, Arial, sans-serif;
text-align: left;
margin: 0px;
padding: 13px;
padding-left: 26px;
width: 151px;

display: block;
text-decoration: none;
background: url('navi_hg_act_und_ro.gif') no-repeat;
}

fuss ·

Olla!

Zwei Dinge:

1. Stylesheet validieren, und die Fehler rausnehmen
http://jigsaw.w3.org/css-validator/
2. Deinen Klassen .nav und .active noch height: XXpx; mit auf den Weg geben

Et voila! Mit den Änderungen rockt es im FeuerFuchs - zumindest unter dem WebDevTool, sollte es aber gewesen sein.

Somit ist Dein Wochenende gerettet 😉

gruss, fuss