![]() |
Willkommen, Gast ( Anmelden | Registrierung )
![]() |
Gast_flizze_* |
![]()
Beitrag
#1
|
Gäste ![]() |
Hallo miteinander,
hab mich dazu entschieden meine Seite, statt mit frames, mit "div-boxen" zu strukturieren. So weit so schön.... :haeh: aber ich kriegs einfach nicht gebacken, dies Sch...dinger so zu positionieren, dass sie immer - egal bei welcher Bildschirmgröße an der gleichen Stelle bleiben. Ich hab insgesamt 8 Boxen und will, dass Box1-7 (als "frame") immer gleich bleibt und in Box 8 der Inhalt mit Hilfe von Tabellen von Unterseite zu Unterseite wechselt. Ich habs versucht mit Prozentangaben, Pixelangaben, em-Angaben für Höhe, Breite, Entfernung von oben und links. Außerdem in verschiedenen Kombinationen mit absolute, fixed und realtive als Positionierungsangabe. Ich habs 4:3 umgerechnet, habs überlappend probiert..... aber steh irgendwie aufm Schlauch! (wahrscheinlich denk ich mal wieder zu kompliziert und das ist alles ganz einfach) Bitte HILFE !!! Wie bekomme ich die "boxen" so positioniert, dass sie immer gleich groß bleiben und sich nicht nach rechts oder links verschieben ??? Gruß und Dankeschön im Voraus, flizze |
|
|
![]() |
![]()
Beitrag
#2
|
|
Anwärter auf W3.org Mitgliedschaft ![]() ![]() ![]() ![]() ![]() Gruppe: User Beiträge: 550 Mitglied seit: 28.11.2001 Wohnort: Berlin Friedrichshain Mitglieds-Nr.: 107 ![]() |
ZITAT Bisher hab ichs mit relativen Angaben in Prozent probiert, also z.B. 20% von links, 10% von oben, Breite 60%, Höhe, 80 %. Das ist eine Möglichkeit. Spätestens bei zu breiten Bildern löst sich das Layout aber auf.
Damit, daß soetwas passieren kann, wirst du aber leben müssen. Für die neueren Operas und Mozilla und seine Derivate geht, wie im Standard beschrieben: QUELLTEXT #all {
width:60%; height:80%; margin:auto; } Das geht aber wiederum mit dem (am weitesten verbreiteten Browsern) der MSIE-Reihe nicht. Die verstehen auch bei Blockelementen nur text-align:center;. Ist also so auch keine befriedigende Lösung. Vielleicht klappt das (nicht getestet): CSS: QUELLTEXT body {
text-align:center; vertical-align:middle; } #all { width:60%; height:80%; margin:auto; /* fuer die Nicht-IEs */ } HTML: QUELLTEXT <!-- der head -->
<body> <div id="all"> <!-- dein Inhalt --> </div> </body> </html> Dann wirst du aber wahrscheinlich für die Elemente im all-div, falls nicht sowieso gewünscht, eigene Randabstände definieren müssen. ZITAT Irgendwo stand da auch was im Body-Tag von centerOnPage, womit ich aber nicht wirklich was anfangen kann...? Hmm, sieht nach JavaScriptgedöns aus. Da kann man sich nicht drauf verlassen, da das jeder ein- oder auch ausgeschaltet haben kann. Tschö, Auge |
|
|
![]() ![]() |
![]() |
Vereinfachte Darstellung | Aktuelles Datum: 15.05.2025 - 0:49 |