Frage stellen
menu.css
- Code: Alles auswählen
/* Rounded Corners */
.boxFloat, .imageFloat {float: left;}
/* Div Rounded */
.boxTopLeft {background: url(images/topLeft.gif) top left no-repeat;}
.boxTop {border-top: 1px solid #ccc;background-color: #eee;}
.boxTopRight {background: url(images/topRight.gif) top right no-repeat;}
.boxMiddleLeft {background-color: #eee;border-left: 1px solid #ccc;}
.boxMiddle {background-color: #eee;}
.boxMiddleRight {background-color: #eee;border-right: 1px solid #ccc;}
.boxBottomLeft {background: url(images/bottomLeft.gif) bottom left no-repeat;}
.boxBottom {border-bottom: 1px solid #ccc;background-color: #eee;}
.boxBottomRight {background: url(images/bottomRight.gif) bottom right no-repeat;}
/* Image Rounded*/
.imageTopLeft {background: url(images/topLeft.png) top left no-repeat;}
.imageTopRight {background: url(images/topRight.png) top right no-repeat;}
.imageBottomLeft {background: url(images/bottomLeft.png) bottom left no-repeat;}
.imageBottomRight {background: url(images/bottomRight.png) bottom right no-repeat;}
.imageTop, .imageMiddleLeft, .imageMiddle, .imageMiddleRight, .imageBottom {border: 0;}
/* Content Rounded */
.roundedContent {padding: 30px;margin: 0px;width: 500px;border: 1px solid #ccc;background-color: #eee;margin-bottom: 20px;}
/* Tabs */
.tabberlive .tabbertabhide {display:none;}
.tabber {}
.tabberlive { margin-top:2em;}
ul.tabbernav {margin:0;padding: 2px 0;}
ul.tabbernav li {background:none;list-style: none;margin: 0;padding: 0;display: inline;}
ul.tabbernav li a {margin-right: 2px;padding: 4px 1.2em;border: 1px solid #d7d7d7;border-bottom: none;color: #000;text-decoration: none; font-weight:bold;}
ul.tabbernav li a:hover {color: #c00;background: #fee;}
ul.tabbernav li.tabberactive a {color: #c00;}
ul.tabbernav li.tabberactive a:hover {background-color: #fee;}
.tabberlive .tabbertab {padding: 0px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #fffbf2 url("images/featurebox_bg.gif") no-repeat 100% 100%}}
.tabbertab p {border:none;margin: 0 0 1em;color:#444}
.tabbertab a {font-weight:bold}
navi.css
- Code: Alles auswählen
.nav {
height:35px;
background: url(images/pro_line_0.gif) repeat-x;
position:relative;
font-family:arial, verdana, sans-serif;
font-size:11px;
width:100%;
z-index:500;
margin: 0 0 45px 0;
}
.nav .table {
display:table;
margin: 0 0 0 20px;
}
.nav .select,
.nav .current {
margin:0;
padding:0;
list-style:none;
display:table-cell;
white-space:nowrap;
}
.nav li {
background:none;
margin:0;
padding:0;
height:auto;
float:left;
border-right: #ccc 1px solid;
}
.nav .select a {
display:block;
height:35px;
float:left;
background: url(images/pro_line_0.gif);
padding:0 20px 0 20px;
text-decoration:none;
line-height:35px;
white-space:nowrap;
color:#ddd;
}
.nav .current a {
display:block;
height:35px;
float:left;
background: url(images/pro_line_2.gif);
padding:0 0 0 15px;
text-decoration:none;
line-height:35px;
white-space:nowrap;
color:#fff;
}
.nav .current a b {
display:block;
padding:0 20px 0 5px;
background:url(images/pro_line_2.gif) right top;
}
.nav .select a:hover,
.nav .select li:hover a {
background: url(images/pro_line_1.gif);
padding:0 0 0 15px;
cursor:pointer;
color:#fff;
}
.nav .select a:hover b,
.nav .select li:hover a b {
display:block;
float:left;
padding:0 20px 0 5px;
background:url(images/pro_line_1.gif) right top;
cursor:pointer;
}
.nav .select_sub {
display:none;
}
/* IE6 only */
.nav table {
border-collapse:collapse;
margin:-1px;
font-size:1em;
width:0;
height:0;
}
.nav .sub {
display:table;
margin:0 0 0 93px;
padding:0;
list-style:none;
}
.nav .sub_active .current_sub a,
.nav .sub_active a:hover {
background:transparent;
color:#f00;
}
.nav .select :hover .select_sub,
.nav .current .show {
display:block;
position:absolute;
width:100%;
top:35px;
background:url(images/back_0.gif);
padding:0;
z-index:100;
left:0;
text-align:center;
}
.nav .current .show {
z-index:10;
}
.nav .select :hover .sub li a,
.nav .current .show .sub li a {
display:block;
float:left;
background:transparent;
padding:0 15px 0 15px;
margin:0;
white-space:nowrap;
border:0;
color:#444;
}
.nav .current .sub li.sub_show a {
color:#088;
cursor:default;
background:url(images/back_1.gif);
}
.nav .select :hover .sub li a:hover,
.nav .current .sub li a:hover {
visibility:visible;
color:#088;
background:url(images/back_1.gif);
}
Und der IE Workaround:
- Code: Alles auswählen
.nav ul {display:inline-block;}
.nav ul {display:inline;}
.nav ul li {float:left;}
.nav {text-align:left;}
.nav .select a:hover b, .nav .select li:hover a b {float:none;}
.nav .select :hover .select_sub, .nav .current .show {width:990px;text-align:left;}
Problembeschreibung
- Also, erstmal zum Menu. Wenn ich die Seite zum ersten mal Besuche oder sporadisch zwischen den Seitenwechseln wird mir in allen Browsern eine unvollstädnige Menu-Leiste angezeigt, wenn ich dann allerdings mit F5 Reloade, ist der Fehler wieder verschwunden und alles wird normal angezeigt, woran kann das liegen und welche Angabe muss ich machen, dass das wieder verschwindet?
- Fehler 2 betrifft die Tabs und den IE6. Wenn ich auf die Seite gehe, wird mir alles normal angezeigt. Wenn ich aber denn auf den Link gehe und das hover aktiv wird, verschiwindet der Hintergrund hinter dem DIV, bei allen anderen Browsern wird es normal und richtig angezeigt, wie kann ich das beheben?
- So der letzte Fehler betrifft die kleine Grafik auf den letzten beiden Bildern rechts unten. Diese sollte eigentlich an der oberen Grafik angezeigt werden, also das obere Bild sollte umrandet werden. Warum wird die dann in der Pampa angezeigt und die eigentliche rechte Grafik links unten angezeigt? Wär super wenn jemand eine Antwort drauf hätte.
Das Problem kann hier live gesehen werden:
Germanyhost - Dedizierte Server[/code]
