Webdesign mit CSS

Webdesign mit CSS

Posts 1-9 of 9
  • Bernd Althof
    Bernd Althof    Premium Member   Group moderator
    The company name is only visible to registered members.
    probleme mit div- containern
    HAllo zusammen! ICh bräuchte mal einen kleinen Gedankenanstoss- komme gerade einfach nicht mehr weiter und sehe den Wald vor lauter Bäumen nicht. Also ich habe folgende Struktur:

    <html lang="de" xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
    <head>
    </head>

    <body>
    <div id="gradient">
    <div id="umschlag1">
    <div id="umschlag2">
    <div id="index">
    <center>
    <p id="spruch">Barcatering- und Eventservice</p>
    <img id="Logoschrift2" alt="frozen fire cocktails" src="../Grafik/Logo2.gif"/>
    <img id="startlogo" alt="Logo" title="Enter Page!" src="../Grafik/Logo3.GIF"/>
    </center>
    </div>
    <div id="verbinder">
    <p>
    <center>
    <h3>
    </h3>
    </center>
    </p>
    </div>
    </div>
    </div>
    </div>
    </body>
    </html>

    MEin Problem sieht im Moment so aus, das ich keine Möglichkeit sehe, zum einen den beiden <div>s Umschlag 1 und Umschlag 2 zu sagen, das sie sich IMMER vertical zentriert auf der Seite einsortieren sollen, zum anderen den <div> Container Index (feste Breite, feste Höhe) dazu zu bewegen, sich IMMER zentral (horizontal und vertical) an der gesamten Seite auszurichten. ICh kann zwar das Layout, so wie ich es brauche, auf einen bestimmten Monitor abstimmen, aber ich will es natürlich variabel haben, so das jeder Monitor in jedem Format und bei beinahe jeder Auflösung damit zurecht kommt. Vielleicht kann mir ja jemand helfen.

    LG Bernd
    • 04 Jan 2009, 10:24 pm
  • Dietrich Koch
    Dietrich Koch
    The company name is only visible to registered members.
    Re: probleme mit div- containern
    Hallo Bernd,
    ich will dir nicht zu nahe treten, aber kann es sein, dass du dich mit CSS noch gar nicht beschäftigt hast, denn sonst hättest du vermutlich auch noch den CSS-Code angegeben?
    Zur Sache
    Es gibt keine CSS-Anweisung, mit der man div's zentrieren kann. Eine horizontale Zentrierung kann man über margin-left:auto und margin-right: auto erzeugen. Was eine vertikale Zentrierung soll, haben, glaube ich, die CSS-Standarisierer gar nicht in Erwägung gezogen. Wenn ich mich hier irren sollte, bitte ich um Benachrichtigung. Wenn man in die div's Texte konstanter Länge einbringt, kann man über position ein Art Zentrierung erreichen, aber was solls!
    Wenn man seine Seite mit CSS stylen will, sollte man auf html-Anweisungen wie center ganz verzichten. html macht die Struktur und CSS das Aussehen.
    Beste Grüße Dietrich
    http://www.internetdienste-berlin.de
    • 05 Jan 2009, 08:20 am
  • Kai Thrun
    Kai Thrun    Group moderator
    The company name is only visible to registered members.
    Re^2: probleme mit div- containern
    Morgen,

    gab es nicht eine unelegante Lösung mit top: 50% und einem negativen Margin der halben Container-Größe?

    Also etwas in Richtung:
    (ungetestet)

    position:absolute;
    height:200px;
    width:400px;
    margin:-100px 0px 0px -200px;
    top: 50%;
    left: 50%;
    • 05 Jan 2009, 09:26 am
  • Michael "MiDoe" Doepke
    Michael "MiDoe" Doepke    Group moderator
    The company name is only visible to registered members.
    Re: probleme mit div- containern
    Mögliche Lösungen ergeben sich aus:

    http://de.selfhtml.org/navigation/faq.htm#mittig_zentrierte_...
    http://xhtmlforum.de/31961-vertikal-zentrieren.html
    http://xhtmlforum.de/34945-middle-und-center-formatieren.htm...

    Ein Beispiel ist zu sehen auf:

    http://www.wpdfd.com/editorial/thebox/deadcentre4.html


    Grundsätzlich scheint eine vertikale Zentrierung mit css2 schwierig.
    Zumindest, wenn auch IE Benutzer das sehen sollen :-)


    viel Erfolg wünscht

    MiDoe
    • 05 Jan 2009, 12:20 pm
  • Post visible to registered members
  • Dietrich Koch
    Dietrich Koch
    The company name is only visible to registered members.
    Re^4: probleme mit div- containern
    Aus dem gleichen Grund sollte man auch absolute Höhenangaben vermeiden.
    Ich benutze absolute Höhenangaben, um innere vertikale Scrollbalken zu erzeugen, also der gleiche Effekt wie iframes ohne die Nachteile. Ist daran etwas schlecht?
    • 06 Jan 2009, 10:00 am
  • Post visible to registered members
  • Dietrich Koch
    Dietrich Koch
    The company name is only visible to registered members.
    Re^6: probleme mit div- containern
    Natürlich meinte ich nur den Content-Bereich. Ich finde es einfach lästig, wenn mir beim Lesen eines längeren Textes die Menüs und evtl andere Infos verschwinden.
    • 07 Jan 2009, 2:18 pm
  • Post visible to registered members