Problem mit css menu ul liste und absolute positionierung bei skalierung im browser

  • Bei meiner Seite bin ich am Aufbauen eines css menus. Nun verhält sich aber das menü nicht richtig, wenn die Grösse im Browser skaliert wird.

    Hier ist die Seite : http://www.venture-expert.ch

    Zu Klarheit habe ich farbige Hintergründe gemacht.

    lokale kopie der files habe ich angehängt.

    Wäre schön, wenn mir jemand helfen könnte das css zu korrigieren. (html anpassen kann ich nicht, kommt vom cms)

  • Hallo Dodo,
    1. wenn ich das position:absolut attribut setze, kann ich schön die Grösse der Tabs bestimmen. Dafür stimmt die absolute position nicht mehr mit meinem anderen Inhalt überein. Das kannst Du schön sehen, wenn Du im Browser die anzeigegrösse auf z.B. 50% machst.
    2. wenn ich aber position: relativ mache, kann ich die grösse der tabs nicht mehr bestimmen, sie werden dann optimiert auf die Textgrösse.
    3. Der entsprechende css teil findes du unter #cardmenu .cardmenu-startup{ position: absolute; ...
    Peter

  • Dein Fehler ist, dass du die Blöcke relativ zum Body positioniert werden mit absolute.
    Gib deinem <div id="cardmenu"> ein position:relative; und positioniere die Menüpunkte daran.

    Das nächste Mal bitte einen Link posten, der direkt zur Seite führt, wo der Fehler auftritt ;)

    Something big is coming. And there will be pirates and ninjas and unicorns...

  • Hallo Dodo,
    danke vielmals für den Tip.
    1. habe ich doch den link angegeben. (ok, man muss noch sich noch hineinklicken..) Der direkte Lik ist http://www.venture-expert.ch/startup, oder so http://www.venture-expert.ch/experten
    2. wenn ich das attribut relativ nehme, oder es weglasse, kann ich die grösse und margis nicht mehr bestimmen.. Hier liegt vielleicht das Problem...
    Vielleicht siehst Du ja trotzdem was falsch ist. Ich wechsel auf jedenfall jetzt zuerst auf relativ.
    /Peter

  • Nein - die einzelnen Menüpunkte bleiben auf position:absolute;.
    Aber <div id="cardmenu"> wird position:relative;

    Durch diese Angaben beziehen sich die Menüpunkte auf den Cardmenu-Bereich und nicht mehr auf den Body.
    Damit verschieben sie sich auf die richtige Person, wenn die Seite skaliert wird.

    Something big is coming. And there will be pirates and ninjas and unicorns...