Liste der Anhänge anzeigen (Anzahl: 3)
navigation -ie
huhu
ich hab mich jetzt durchs buch contao 3 gearbeitet und versuche mich momentan das erste mal im "freien flug" an meiner ersten website.. nur leider will die nicht so wie ich...
bisher bin ich noch dabei das gerüst zu basteln, safari, firefox Anhang 11707 und chrome kein problem aber im internetexplorer ist meine navigationsleiste leicht verschoben. bzw wenn man mit der maus die 2 ebene der menüpunkte einblendet :/ Anhang 11708
hatte bisher alles an position auf auto gestellt. dann hab ich mir gedacht, naja wenns so nicht geht geb ichs halt manuell ein. mit der höhe hats auch funktioniert. dann in margin padding perfekt verschoben. so jetzt siehts in explorer richtig aus aber dafür nicht mehr in den anderen.....
Anhang 11706
ich weiß nicht mehr weiter... was mache ich falsch?
Navigation springt im IE 10 - FF und Chrome alles i.O.
Guten Abend liebe Forengemeinde,
ich hoffe, dass ich mit meinem Problem hier im richtigen Thread bin - habe leider nichts passenderes gefunden.
Derzeit bin ich mehr als blockiert, nachdem meine Navigation "plötzlich" im IE und ausschliesslich dort, nach links verschwindet (ausgeblendet ist) und bei einem "Mouse-Over" nach rechts springt.
Was die Ursache hierfür ist, kann ich nicht nachvollziehen, da ich nur inhaltliche Veränderungen getätigt habe.
Derzeit lasse ich nur die basic.css und die mobile.css laden - der Rest wird vom System erzeugt.
Im FF und Chrome ist die Navigation soweit in Ordnung - wird also soweit korrekt dargestellt. (Abgesehen davon, dass der "Wrapper" beim Wechseln der Seiten hin-und hersringt). Des Weiteren springt die Navi auch nach unten, wenn ich die Seite per Mobile aufrufe. Auch wenn ich die Seite per Windowsphone aufrufe (Aber "mobile" und natürlich responsiv ist ein anderes Thema ;) ).
Ich verwende für die Arbeit im BE und für die FE-Vorschau IE 10- somit sollten diverse Mankos der vergangenen IE doch abgeschafft sein?
Hierzu folgende Fragen:
1. Macht sich das Abschalten des Caches direkt auf die FE-Vorschau bemerkbar ?
2. Laut Firebug würde ich in der nachfolgend aufgeführten CSS einfach die "main inside" genauer, mit Breite, definieren - Für den IE (im FF oder Chrome ist`s ja ok) oder habe ich hier einen Denkfehler?
Wer sich das anschauen möchte, hier ist die Webseite.
Hier nun die basic.css:
Code:
Name: basic
Änderungsdatum: 2013-09-03 19:11
Medientypen: all
body {
margin:0;
padding:0;
background:#dff0f2 url("/files/Heilsteine+Reiki/Hintergrund_blau.gif") center top repeat-y;
font-family:Ubuntu,sans-serif,arial;
}
#wrapper {
max-width:100%;
}
Aussehen und Position des Header
#header {
padding-top:5px;
padding-bottom:5px;
font-family:Ubuntu,sans-serif,arial;
}
linke Spalte (Navigation)
#left {
margin-top:52px;
}
Hauptspalte
#main .inside {
margin-bottom:20px;
}
a,
body,
div,
em,
input,
label,
legend,
li,
ol,
p,
select,
span,
strong,
td,
th,
textarea,
u,
ul {
font:14px/1.5em Ubuntu,sans-serif,arial;
}
a,
body,
div,
input,
label,
li,
legend,
ol,
p,
select,
td,
th,
textarea,
u,
ul {
font:14px Ubuntu,sans-serif,arial;
}
h1 {
margin:10px 0 12px;
padding:0;
font-size:16px;
font-weight:bold;
}
h2 {
margin:0 0 6px;
padding:0;
font-size:14px;
font-weight:bold;
}
a {
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#4556a1;
}
.mod_navigation {
width:200px;
z-index:999;
}
Aussehen der Navigation im Level 1
.mod_navigation a,
.mod_navigation li,
.mod_navigation span {
font:14px/1.5em Ubuntu,sans-serif,arial;
font-weight:bold;
color:#055b80;
text-transform:capitalize;
text-indent:5px;
}
Aussehen der Navigation im Level 2
.mod_navigation .level_2 a,
.mod_navigation .level_2 li,
.mod_navigation .level_2 span {
font:12px Ubuntu,sans-serif,arial;
font-weight:normal;
color:#000;
text-transform:none;
text-indent:10px;
}
Farbe des aktuellen Menüpunktes
.mod_navigation span.active {
font:14px Ubuntu,sans-serif,arial;
font-weight:bold;
text-decoration:underline;
color:#147e87;
}
Hover-Effekt im Menü - Farbänderung
.mod_navigation a:hover {
font:14px Ubuntu,sans-serif,arial;
font-weight:bold;
color:#0e689c;
}
Artikel-Darstellung
.mod_article {
width:650px;
margin:0 0 25px;
padding-right:0;
padding-left:0;
}
img {
vertical-align:middle;
border:0px;
}
p,
pre,
form,
figure {
}
table {
border-spacing:0;
}
:focus {
outline:0;
}
Vielen Dank schon vorab für eure Mühen und einen Stubs in die richtige Richtung.
Beste Grüße, Berliner
