Hallo Typo3-Gemeinschaft!
Mich hat vor ca. einer Woche das Typo3-Fieber gepackt. Bin also noch blutiger Anfänger.
Diese typo3.net Seite hat mir sehr geholfen einen (derzeit noch kleinen) Einblick in die Typo3 Welt zu bekommen.
Jetzt meine Frage:
Habe im Netz ein Free-Template gefunden. Habe auch gleich ein bisschen herumgebastelt. Jetzt habe ich ein halbwegs nettes Design - jedoch gibts bei der Menue-Darstellung im IE und im Firefox unterschiede.. die Position passt im IE einfach nicht. Sie ist einiges zu weit rechts!
Gibts da ein paar Tricks oder muss ich der Programmiersprache "übermächtig" sein!?
Hier der Inhalt der CSS Datei:
#left-menu ul {
margin: 50;
padding: 0;
overflow: hidden;
list-style-type: none;
}
#left-menu ul a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
display: block;
}
#left-menu ul li {
display: block;
padding: 0;
margin: 0;
background: #FF9966;
}
#left-menu li.left-level-1-no a {
height: auto;
text-decoration: none;
display: block;
padding: 3px 6px 3px 15px;
background: #FF9966;
color: #666666;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FF9966;
border-bottom-color: #FF9966;
}
#left-menu li.left-level-1-no a:hover, #left-menu li.left-level-1-act a {
height: auto;
text-decoration: none;
display: block;
padding: 3px 6px 3px 15px;
background: #E26845;
color: #FFFFFF;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FF9966;
border-bottom-color: #FF9966;
}
#left-menu li.left-level-2-no a {
height: auto;
text-decoration: none;
display: block;
padding: 3px 6px 3px 25px;
background: #FF9966;
color: #FFFFF;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FF9966;
border-bottom-color: #FF9966;
}
#left-menu li.left-level-2-no a:hover, #left-menu li.left-level-2-act a {
height: auto;
text-decoration: none;
display: block;
padding: 3px 6px 3px 25px;
background: #E26845;
color: #FFFFFF;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FF9966;
border-bottom-color: #FF9966;
}
#left-menu li.left-level-3-no a {
height: auto;
text-decoration: none;
display: block;
padding: 3px 6px 3px 35px;
background: #E26845;
color: #666666;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FF9966;
border-bottom-color: #FF9966;
}
#left-menu li.left-level-3-no a:hover, #left-menu li.left-level-3-act a {
height: auto;
text-decoration: none;
display: block;
padding: 3px 6px 3px 35px;
background: #BB5F12;
color: #FFFFFF;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FF9966;
border-bottom-color: #FF9966;
}