IPB

Willkommen, Gast ( Anmelden | Registrierung )

> positionierung von boxen
Gast_flizze_*
Beitrag 26.02.2004 - 13:17
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
Go to the top of the page
 
+Quote Post
 
Start new topic
Antworten
Auge
Beitrag 28.02.2004 - 2:55
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
Go to the top of the page
 
+Quote Post

Beiträge in diesem Thema


Reply to this topicStart new topic
2 Besucher lesen dieses Thema (Gäste: 2 | Anonyme Besucher: 0)
0 Mitglieder:

 



RSS Vereinfachte Darstellung Aktuelles Datum: 15.05.2025 - 0:49

taschenkalender
expertise-panel IPS Driver Error

IPS Driver Error

There appears to be an error with the database.
You can try to refresh the page by clicking here