Autor |
Nachricht |
ma1973
Threadersteller
Dabei seit: 17.02.2006
Ort: borken
Alter: 50
Geschlecht:
|
Verfasst Mi 18.06.2008 08:33
Titel css problem > IE - Mozilla |
|
|
Guten Morgen
ich habe ein Problem mit der Darstellung meiner Menü`s
in IE.
Ich habe ein CSS Menüscript gefunden, in Mozilla
postioniert er mir das richtig aber IE nicht.
Ich habe das ganze in einer Tabelle platziert,
die Menüpunkte links, Textinhalte in der MItte und
Bilder rechts.
Die Menüpunkte solle in der Zelle ganz Links positioniert
werden, Mozilla macht das anstandslos IE nicht.
Das ist der CSS Teil:
Code: |
<style type="text/css">
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#dlmenu {height:5em;}
#menu {list-style-type:none; padding:0; position:absolute; width:15em; background:#fff; z-index:100;}
#menu li {display:block; padding:0px; margin:0px; position:relative; z-index:100;}
#menu li a, #menu li a:visited {display:center; text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dt a , #menu li a:hover dt a {background:#FF5000 url(top_grad_2.gif) center center; color:#ffffff; }
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {height:20em; background:#FF5000 url(sub_grad.gif);}
#menu table {border-collapse:collapse; padding:0; margin:-4px; font-size:1em;}
#menu dl {width: 15em; margin: 50; background: ##FF5000; cursor:pointer;}
#menu dt {margin:0; padding: 0; font-size: 1.1em; border-top:1px solid #cce;}
#menu dd {margin:0; padding:0; font-size: 1em; text-align:left; }
.gallery dt a, .gallery dt a:visited {display:block; color:#fff; padding:5px 5px 5px 10px; background:#FF5000 url(top_grad.gif) center center;}
.gallery dd a, .gallery dd a:visited {color:#000; min-height:1em; text-decoration:none; display:block; padding:4px 5px 4px 20px; background:#b4be9c url(sub_grad.gif);}
* html .gallery dd a, * html .gallery dd a:visited {height:1em;}
.gallery dd a:hover {background:#7aa; color:#ffffff;}
</style>
|
Wo müsste ich ansetzen, mmmh???
|
|
|
|
|
l3mon
Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht:
|
Verfasst Mi 18.06.2008 08:59
Titel
|
|
|
setz erstmal bei allen ol, dl, ul, li die margins auf 0
Code: | /* reset styles */
dl {
font-family: "Courier New", Courier, monospace;
margin: 0 0 0 0;
}
dl dt {margin: 0 0 0 0;}
dl dd+dt {margin-top: 0;}
dl dd {margin: 0 0 0 0;}
ol {
font-family: "Courier New", Courier, monospace;
list-style: none;
}
ol li {margin: 0 0 0 0;}
ol li ol {margin: 0 0 0 0;}
ol li ul {margin: 0 0 0 0;}
ul {
font-family: "Courier New", Courier, monospace;
list-style: none;
}
ul li {margin: 0 0 0 0;}
ul li ul {margin: 0 0 0 0; list-style: none;}
ul li ol {margin: 0 0 0 0;}
/* reset styles end */ |
Zuletzt bearbeitet von l3mon am Mi 18.06.2008 08:59, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
ma1973
Threadersteller
Dabei seit: 17.02.2006
Ort: borken
Alter: 50
Geschlecht:
|
Verfasst Mi 18.06.2008 09:12
Titel
|
|
|
hi digitalplakat
ok mache ich mal
EDIT
... yo so sieht es besser aus !! danke dir!!!
Zuletzt bearbeitet von ma1973 am Mi 18.06.2008 09:40, insgesamt 1-mal bearbeitet
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 18.06.2008 10:11
Titel
|
|
|
digitalplakat hat geschrieben: | Code: |
dl {
font-family: "Courier New", Courier, monospace;
margin: 0 0 0 0;
}
dl dt {margin: 0 0 0 0;}
dl dd+dt {margin-top: 0;}
dl dd {margin: 0 0 0 0;}
ol {
font-family: "Courier New", Courier, monospace;
list-style: none;
}
ol li {margin: 0 0 0 0;}
ol li ol {margin: 0 0 0 0;}
ol li ul {margin: 0 0 0 0;}
ul {
font-family: "Courier New", Courier, monospace;
list-style: none;
}
ul li {margin: 0 0 0 0;}
ul li ul {margin: 0 0 0 0; list-style: none;}
ul li ol {margin: 0 0 0 0;}
|
|
Was ist denn das?
Wenn man es so angehen will reicht
ul { margin: 0 }
ul li { margin: 0 }
für eine ungeordnete Liste, da muss man keine Kinder mit einbeziehen. Könnte man also direkt
mal wieder 4-5 Zeilen Streichen weil sie einfach unsinnig sind.
Aber benutz einfach mal die Suche oder Google: "css reset"
Zuletzt bearbeitet von m am Mi 18.06.2008 10:13, insgesamt 1-mal bearbeitet
|
|
|
|
|
ma1973
Threadersteller
Dabei seit: 17.02.2006
Ort: borken
Alter: 50
Geschlecht:
|
Verfasst Mi 18.06.2008 11:19
Titel
|
|
|
öööh hi,
ich habe noch eine Frage, mmmh, das ganze habe ich ja dort gefunden,
http://www.cssplay.co.uk/menus/slide_definition.html.
Wie bekomme ich das eigentlich hin, das wenn ich ein bestimmten
Unterpunkt ausgewählt habe und die entsprechende Site aufgerufen
ist, das der Menüpunkt auch aktiv, sichtbar bleibt?
mmmh???
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 18.06.2008 11:31
Titel
|
|
|
Dazu nutzt du eine weitere Regel, eine ID z.B. namens active
Code: | li#active {
formatierungen..
} |
und weißt diese dem entsprechendem Element zu.
|
|
|
|
|
ma1973
Threadersteller
Dabei seit: 17.02.2006
Ort: borken
Alter: 50
Geschlecht:
|
Verfasst Mi 18.06.2008 13:41
Titel
|
|
|
verdammt ich komme nicht weiter,
soweit habe ich das schon ....
http://www.mo1996.de/test/test.htm
Code: |
.active li {background-color:#FF5000; }
.active dl {width: 15em; margin: 50; height:10em; }
.active dt {margin:0; padding: 0; font-size: 1.1em; border-top:1px solid #cce;}
.active dd {margin:0; padding:0; font-size: 1em; text-align:left;}
|
dann ist der Platzgeschaffen, jedoch der Hintergrund nicht Orange
und die Untermenüpunkte nicht sichtbar erst wenn man mit der Maus
rüberfährt
Zuletzt bearbeitet von ma1973 am Mi 18.06.2008 13:49, insgesamt 1-mal bearbeitet
|
|
|
|
|
Snifferdog
Dabei seit: 08.03.2007
Ort: Düsseldorf
Alter: 35
Geschlecht:
|
Verfasst Mi 18.06.2008 14:13
Titel
|
|
|
~augen reib~ ^^ Das Rot ist hart ...
Also für mich siehts so aus, dass die die Eigentschaften von active .. wieder mit den eigenschaften gallery überschreibst, weil du vergibst ja an das li-tag die klasse active und bindest dann ein dl ein das die klasse gallery bekommt deswegen übernimmt das dd dann die Eigenschaften von "gallery".
Probiers mal in dem du dem dd direkt die klasse active gibst. Vll gehts dann.
Gruß
|
|
|
|
|
|
|
|
Ähnliche Themen |
CSS Problem mit IE, Mozilla und Opera
Hab Mozilla <-> IE Design Problem
[Problem] CSS -> Radio Buttons (Mozilla vs. IE)
popup scrollbar=no problem mozilla
problem IE / mozilla bei der darstellung von layern
css > problem > IE ja aber Mozilla nein :-(
|
|