mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 14:29 Benutzername: Passwort: Auto-Login

Thema: css problem > IE - Mozilla vom 18.06.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> css problem > IE - Mozilla
Seite: 1, 2  Weiter
Autor Nachricht
ma1973
Threadersteller

Dabei seit: 17.02.2006
Ort: borken
Alter: 50
Geschlecht: Männlich
Verfasst Mi 18.06.2008 08:33
Titel

css problem > IE - Mozilla

Antworten mit Zitat Zum Seitenanfang

Guten Morgen Lächel

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???
  View user's profile Private Nachricht senden
l3mon

Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht: Männlich
Verfasst Mi 18.06.2008 08:59
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Anzeige
Anzeige
ma1973
Threadersteller

Dabei seit: 17.02.2006
Ort: borken
Alter: 50
Geschlecht: Männlich
Verfasst Mi 18.06.2008 09:12
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 18.06.2008 10:11
Titel

Antworten mit Zitat Zum Seitenanfang

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? *ha ha*

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
ma1973
Threadersteller

Dabei seit: 17.02.2006
Ort: borken
Alter: 50
Geschlecht: Männlich
Verfasst Mi 18.06.2008 11:19
Titel

Antworten mit Zitat Zum Seitenanfang

ööö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???
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 18.06.2008 11:31
Titel

Antworten mit Zitat Zum Seitenanfang

Dazu nutzt du eine weitere Regel, eine ID z.B. namens active

Code:
li#active {
   formatierungen..
}


und weißt diese dem entsprechendem Element zu.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
ma1973
Threadersteller

Dabei seit: 17.02.2006
Ort: borken
Alter: 50
Geschlecht: Männlich
Verfasst Mi 18.06.2008 13:41
Titel

Antworten mit Zitat Zum Seitenanfang

*Schnief* 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 *Schnief*


Zuletzt bearbeitet von ma1973 am Mi 18.06.2008 13:49, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Snifferdog

Dabei seit: 08.03.2007
Ort: Düsseldorf
Alter: 35
Geschlecht: Männlich
Verfasst Mi 18.06.2008 14:13
Titel

Antworten mit Zitat Zum Seitenanfang

~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ß
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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 :-(
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.