access mittig ausrichten

    Hallo,

    ich versuche es knapp zu machen.
    http://events.square7.ch
    das rote kästchen soll mittig im weißen kästchen liegen.
    ich habe mich dumm und dämlich gesucht.
    ich denke es hakt einfach an den vielen versteckten containern ala "assistive text".

    ich will ein
    margin: 0 1em;
    oder ähnliche FESTE angaben vermeiden, da es sein kann dass jederzeit ein neues menüpunkt dazu kommt.

    gibt es eine automatische oder prozentuale möglichkeit das rote mittig (gleicher abstand rechts und links) auszurichten.

    ps: ich nutze das twentyeleven. die webseite wurde mit chrome/safari erstellt.

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Du drängelst so, während dessen war der Server down, eine Website kannst du nicht mit chrome erstellen und auf der Website sind keine Kästchen zu sehen .... was ist also mit dir los? :roll:

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    also ich war gerade bei der präsentation der webseite und musste auf das bestmögliche layout umstellen. wie kriege ich das rote kästchen mittig in das weiße?

    danke

    Also ich sehe das rote Kästchen mittig im weißen. So sieht es bei mir aus:
    Der Inhalt kann nicht angezeigt werden, da er nicht mehr verfügbar ist.

    Kannst Du mal eine Screenshot machen und hier zeigen? Oder was meinst Du?

    Gruß
    Ingo

    Wenn ich helfen konnte, bitte [ Gefällt mir ] klicken. :-)

    Aha, ein Chrome/Safari-Problem... Im Internetexplorer und Firefox wird es nämlich ohne Rand und darüber hinaus auch offensichtlich dargestellt.

    Wie maxe schon schrieb: Erstellt wird die HP nicht mit Chrome oder Safari. Vielmehr innerhalb dieser Browser auf dem Server. Du hast aber ein Anzeigeproblem mit o.g. Browsern. Ein nicht unerheblicher Unterschied.


    Kleiner Tip: Du solltest aufgrund des Designs die Texte innerhalb des umrahmten Bereichs scrollbar machen. Gerade beim Impressum zeigt sich dies derzeit als Designfehler, da alles als wiederholte Grafik angezeigt wird und somit unschön aussieht. Und dann auch das Impressum noch textlich anpassen... (sollte es eine Projektarbeit fürs Studium sein, bspw für Abschlussarbiet, dann mach die Vorstellung auf Firefox falls Du das o.g. Problem nicht in den Griff bekommst)

    1. browser support hin oder her. das werd ich bald in den griff bekommen.
    2. was das hintergrundbild angeht, werde ich den repeat rausnehmen, einen übergang mit photoshop in die kanten des bildes einfügen, sodass es in background-color schön übergeht.

    3. mein hauptproblem ist, dass der SPALT nach dem menüpunkt PROMOTER wegsoll bzw der spalt soll sich gleichmäßig nach dem wort promoter und vor dem wort service aufteilen. anders gesagt, die menüzeile soll mittig liegen. wie kriege ich das hin? bitte immer noch um hilfe diesbezüglich

    Ahh, jetzt

    Auch wenn Du Firefox nicht mögen solltest, starte ihn. Geh auf die Seite.
    Drücke UMSCHALT + STRG + I. Jetzt kannst Du die Elemente untersuchen. Aktiviere Style um alle Elemente und Eigenschaften zu sehen.


    Du hast in style.css Zeile 591 den Punkt #access ul. Dort löscht Du mal die Elementeigenschaft margin! Damit rutscht alles in die Mitte. Problematisch ist jetzt aber Dein Rahmen. Da müsstest Du das border entfernen (weiß nicht ob das nur für die Problemanalyse ist...). Nun müsstest Du Dich nur noch um die Höhe des Elementes #access in Zeile 575 kümmern, die du wieder anpassen musst.


    P.S.: Wenn Du hier auf antworten gehst, kannst du unterhalb der Eingabebox Dateien anhängen.

    fantastisch. genau auf diese kompetente antwort hab ich gewartet. border ist nur wegen der problemanalyse. margin ist raus. alles ist zentriert.

    warum erstreckt sich der weiße kasten (nur ACCESS) nicht um die notwendige höhe? muss ich jetzt manuell eine höhe angeben? height: 100%; hat nicht geklappt. (ich denke das ist auch die default angabe)

    zusatzfrage: wieso wurde bei dem kommentator "Putzlowitsch" die schriftart nicht korrekt von google nicht übernommen? ist schließlich ein import von google web fonts?

    Ganz einfach, ich sperre diese Google-Sachen im Router. Ist mir einfach zu viel gegoogle. :-)

    Gruß
    Ingo

    Wenn ich helfen konnte, bitte [ Gefällt mir ] klicken. :-)

    Zitat von contempor

    fantastisch. genau auf diese kompetente antwort hab ich gewartet. border ist nur wegen der problemanalyse. margin ist raus. alles ist zentriert.

    Leider ist vielen diese Basis-Funktion von FF gar nicht bekannt. Ist aber ein sehr mächtiges Werkzeug mit dem man sehr viele Designprobleme selbst finden und abschalten kann ;-)

    Zitat von contempor

    warum erstreckt sich der weiße kasten (nur ACCESS) nicht um die notwendige höhe? muss ich jetzt manuell eine höhe angeben? height: 100%; hat nicht geklappt. (ich denke das ist auch die default angabe)


    Ich bin selbst auch schon auf dieses Problem gestoßen und habe die Höhe "manuell" angegeben (fixe Höhe mit Angabe von px oder em). Warum das so ist weiß ich allerdings nicht. Ich nehme an, das hängt mit den vielen verschiedenen Angaben zur Positionierung zusammen, das da eine Angabe was dagegen hat, dass dies automatisch angepasst wird :D

    wie kann ich mein menü zentrieren. ein paar elemente wurden verändert, so dass es wieder links "klebt". dies mal scheint es sehr knifflig zu sein. ich komme leider nicht weiter

    ps: arbeite mittlerweile mit firefox und firebug :)

    Einmal editiert, zuletzt von contempor (21. April 2012 um 16:14)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden