Hallo Leute,
diesmal brauche ich eure Hilfe, spiele gerade etwas mit Artisteer rum, nicht schlecht das Ding wenn es mal schnell gehen soll.
Nun bin ich auf ein ernsthaftes Problem gestoßen oder bin einfach nur blind.
Im IE ist die Navigation schön zentriert und im FF leider nicht, da bleibt zu viel Platz an der rechten Seite... Hier mal der ganze Code für das Menü. mit dem float habe ich es schon probiert... funktioniert leider nicht, genau so wie text-align...
Code
/* begin Menu */
/* menu structure */
.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
text-align: center;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
}
.art-menu, .art-menu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}
.art-menu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background:none;
}
.art-menu li:hover
{
z-index: 10000;
white-space: normal;
}
.art-menu li li
{
float: none;
}
.art-menu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;
}
.art-menu li:hover>ul
{
visibility: visible;
top: 100%;
}
.art-menu li li:hover>ul
{
top: 0;
left: 100%;
}
.art-menu:after, .art-menu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.art-menu, .art-menu ul
{
min-height: 0;
}
.art-menu ul
{
background-image: url(images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}
.art-menu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}
/* menu structure */
.art-menu
{
padding: 12px 6px 0px 6px;
}
.art-nav
{
position: relative;
height: 36px;
z-index: 100;
}
.art-nav .l, .art-nav .r
{
position: absolute;
z-index: -1;
top: 0;
height: 36px;
background-image: url('images/nav.png');
}
.art-nav .l
{
left: 0;
right:0px;
}
.art-nav .r
{
right: 0;
width: 690px;
clip: rect(auto, auto, auto, 690px);
}
/* end Menu */
/* begin MenuItem */
.art-menu ul li
{
clear: both;
}
.art-menu a
{
position:relative;
display: block;
overflow:hidden;
height: 24px;
cursor: pointer;
text-decoration: none;
margin-right: 2px;
margin-left: 2px;
}
.art-menu a .r, .art-menu a .l
{
position:absolute;
display: block;
top:0;
z-index:-1;
height: 72px;
background-image: url('images/MenuItem.png');
}
.art-menu a .l
{
left:0;
right:3px;
}
.art-menu a .r
{
width:406px;
right:0;
clip: rect(auto, auto, auto, 403px);
}
.art-menu a .t
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
color: #DEDEDE;
padding: 0 15px;
margin: 0 3px;
line-height: 24px;
text-align: center;
}
.art-menu a:hover .l, .art-menu a:hover .r
{
top:-24px;
}
.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
top:-24px;
}
.art-menu li:hover a .l, .art-menu li:hover a .r
{
top:-24px;
}
.art-menu a:hover .t
{
color: #F1F6F9;
}
.art-menu li:hover a .t
{
color: #F1F6F9;
}
.art-menu li:hover>a .t
{
color: #F1F6F9;
}
.art-menu a.active .l, .art-menu a.active .r
{
top: -48px;
}
.art-menu a.active .t
{
color: #BFDDEE;
}
/* end MenuItem */Vielen Dank im Voraus.:-D