Problem mit Drop-Down Menü
Hi @ all,
ich soll hier eine Seite ein bischen anpassen. Dabei habe ich jedoch einige Probleme. Oben unter dem Head gibt es einen Banner und dadrunter ein horizontales Drop-Down-Menü. Ich suche vergeblich die Stelle, an der ich die Breite der zweiten Hirarchie fstlegen kann. Im moment sieht es folgender Maßen aus: vielleicht hat jemand einen guten tip für mich, so dass sich die Schrift der Unterordnung auf selber Höhe mit der obersten Ordnung liegt und ich die Unterordnung in der Breite verkürzen kann. Das ganze soll zum Ende hin vom Typ der hier im Forum oben liegenden Navigation aussehen. Über hilfreiche Tips wäre ich sehr dankbar. gruß EDIT: die breite der gedroppten einträge habe ich hinbekommen. komischer weise haben diese was von der ersten ebene geerbt, oder so. jetzt müsste ich nur noch wissen, wie ich das gedroppte weiter nach rechts, in den schwarz gezeichneten kasten mit den diagonalen grünen strichen, geschoben bekomme. http://img504.imageshack.us/img504/969/schiebaj3.th.jpg EDIT 2: das verschieben hat geklappt. ich bin auf selfhtml fündig geworden und habe dort zum ersten mal gesehen, dass man Code:
position:relative; left:36px; kaum hat man das eine problemchen gelößt, so tritt auch schon das nächste auf: dazu zunächst mal ein screen mit 3 verschiedenen browseransichten, wo das optische problem sofort erkennbar sein sollte: Opera / Firefox / IE7: http://img341.imageshack.us/img341/4...obenqu0.th.jpg Beim Firefox sieht es so weit schonmal ganz gut aus. Beim Opera ist die zweite Ordnung um 1px zu weit nach rechts verschoben und beim IE7 wird alles zu weit verschoben und es gibt graue kästchen. jemand eine idee, die hilfreich wäre ? |
An Hand von Bildern können wir dir leider nicht helfen.
Kannst du mal "testbaren Code" online stellen bzw. hier posten. testbarer Code: inkl. komplettem CSS und HTML sowie möglichst wenig, was nicht zum Problem gehört (Inhalt, Werbebanner, usw.) |
das problem hab ich lösen können.
das layout lag zunächst direkt in der html datei und es wurde noch eine externe css importiert, bei der es einen li { ... } gab, in dem der text auf -20px verschoben wurde. die breite passte jetzt auch zur ersten hirarchie, da ich den vorgegeben code nochmal komplett neu gemacht habe. einen kleinen makel gibt es jedoch noch. im IE 7 gibt es einen Minimalen Abstand zwischen den gedroppten Menüeinträgen. den dazugehörigen code werde ich wohl erst ab nächstem montag hier posten können, da ich bis zum ende der woche in einer oracle schulung bin. |
hi,
hier ist mal der code: Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Code:
* { Überschrift 2 Unterpunkt 2 ist bewußt viel länger gewählt. dabei springt der zu lange text in eine neue zeile, die jedoch durch den Unterpunkt3 verdeckt wird. wie kann man diesem "fehler" (?!) umgehen ? das problem tritt beim Firefox, IE7 und dem Opera auf. beim IE6 gibt es das problem nicht, da dieser das flipdown über javascript erhält und es ohne dieses auch nicht zu machen scheint. weiß jemand rat ? |
Alle Zeitangaben in WEZ +2. Es ist jetzt 11:37 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023