--Problem gelöst--Darstellungsproblem bei Safari und Google Chrome

[dimat66]

Ich habe da ein Probelm mit einem von mir erstellten Template.
Im Firefox  IE usw wird es ordentlich dargestellt.
Im Safari und bei Google Chrome werden die Untermenüpunkte nicht
angezeigt.

Code:

#leftcolumn {
clear:left;
float:left;
width:190px;
margin:0 0 10px 0;
padding:0;
}
#leftcolumn a{
color:#FFFCFD;
}

#leftcolumn ul {
list-style:none;
width:190px;
margin:0 0 20px 0;
padding:0;
}

#leftcolumn li {
margin-bottom:1px;
color: rgb(255, 252, 253);
}

#leftcolumn li a {
font-weight:bold;
height:30px;
text-decoration:none;
color: rgb(255, 252, 253);
display:block;
margin-top:2px;
padding-top:8px;
padding-left:45px;
background-image:url(img/menu_button.jpg);
background-position:left;
background-repeat:no-repeat;

}

#leftcolumn li a:hover, #leftcolumn li a.current {
color: rgb(255, 252, 253);
background-image:url(img/menu_button.jpg);
background-position:left;
background-repeat:no-repeat;

}

Code:

<!-- Begin Left Column -->
    <div id="leftcolumn">
         
        <?php show_menu(1,0,-1,true,'<li>[a][menu_title][/a]</li>','','<ul>','</ul>','','class="current"'); ?>
    
       </div>
<!-- End Left Column -->

 


Ich weiß das diese Frage sehr warscheinlich eher in ein CSS Forum gehört, aber ich denke das vieleicht
mein show_menu Code schuld ist.

Gruß Dirk rolleyes

[aldus]

Kannst Du evtl. mal einen Link geben zum Ansehen ...
So auf den ersten Blick fällt mir nur auf, das Du das //alte//showmenu nimmst ...
und nicht "showmenu2" ... und bei den CSS-Rules ist mir auch nicht alles klar:

Code:

background-image:url(img/menu_button.jpg);
background-position:left;
background-repeat:no-repeat;

hm ... müsste es eigentlich nicht

Code:

background: #FFFCFD url(img/menu_button.jpg) no-repeat left top;

sein ... kann mich da aber auch irren ... ansonsten scheint es auch so, das das Image nicht gefunden wird ...
Oder Safri Probleme hat es zu positionieren, weil bei der position die zweite Angabe fehlt.
Was sagen denn die DeveloperTools oder FireBug zu der Seite?

Gruß
Aldus

[dimat66]

Hallo Aldus,
hier der Link zu einer Testinstallation.

http://www.aronmedia.de/demo/polonia/pages/fotos.php

Die Unterseiten Links sollen übrigens kein Buutonbild anzeigen.
Lediglich der Link soll angezeigt werden.
Die Links sind übrigens bei Safari und Chrome vorhanden, weren nur nicht in der gewünschten Farbe dargestellt
sondersind scheinbar transparent. Das heißt man kann sie markieren und sie funktionieren auch.
Kann sein das ich mittlerweile ein bischen viel in der CSS rumgespielt habe um das Problem zu lösen.
deswegen sind einige Sachen zuviel drin.

Gruß Dirk

[aldus]

hm ... ich würde das aus dem css erst mal rausnehmen

Code:

@media all and (min-width: 0px) {
             body:not(:root:root) <var>CSS-Selektoren</var> { <var>CSS-Anweisungen</var> }
    }

* { padding: 0; margin: 0; }

Das "*", weil es sich auf //alles// bezieht ... und das ist nicht wenig  (performance)

Ansonsten scheint eine "ul ul li a" regel zu fehlen ... hm ... Du könntest es auch mit "!important"
in der jeweiligen Regel versuchen ...
Ich weiss, nicht viel, aber vielleicht erst einmal ein Ansatz

Gruß
Aldus

[BerndJM]

Hi,
mal ganz wage:
in deinem

Code:

#leftcolumn ul ul li a {
  color: #FFFCFC !important;
  height:0px;
  margin-top: 15px;
  margin-left:30px;
  padding:0px 0 0 8px;
}

versuchst du dein background-image durch height: 0px; zu unterdrücken.
Hau das mal raus, ebenso das padding:0px 0 0 8px; und setze dafür ein
background: none;
ein und guck mal was dann passiert.

Grüßle Bernd

[dimat66]

Vielen Dank an Aldus und Bernd für die schnelle Hilfe am heiligen Sonntag.

Ich habe den background auf "none" gesetzt und es funzt.
Jetzt können auch die Mac und Googel Chrome user alles sehen.

Gruß Dirk