---
title: "Unterschiedliche Menüpunkt Größen"
url: "https://www.typo3.net/d/31286-unterschiedliche-menuepunkt-groessen"
source: "typo3.net"
tags: ["Allgemein","Frage","HTML & CSS"]
created: "2005-10-06"
last_reply: "2005-10-07"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Unterschiedliche Menüpunkt Größen

Allgemein · 2 Antworten · gestartet 2005-10-06

## Eröffnungsbeitrag

**yeaher** · 2005-10-06 · [Beitrag #1](https://www.typo3.net/d/31286-unterschiedliche-menuepunkt-groessen/1)

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;
}

## Antworten

### [#2](https://www.typo3.net/d/31286-unterschiedliche-menuepunkt-groessen/2) · theo · 2005-10-06

Zwei verschiedene Stylesheets über **Conditional Comments** einbinden und fertig ist die Laube.

### [#3](https://www.typo3.net/d/31286-unterschiedliche-menuepunkt-groessen/3) · fuss · 2005-10-07

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

---

Quelle: „Unterschiedliche Menüpunkt Größen“, typo3.net, https://www.typo3.net/d/31286-unterschiedliche-menuepunkt-groessen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.