|
|||
bei resize zentriert und fixed zugleich
Hallo,
ich versuche gerade eine Seitenstruktur aufzubauen und habe dabei Probleme. Ich hätte gerne einen Container in der Mitte der Seite. Also wenn das Fenster resized wird bewegt sich der container mit. Oben in dem Container ist ein Element was fixed sein soll (also nicht mitscrolled) aber dennoch sich im äußeren Container bewegt, wenn man die Fenstergröße ändert. Darunter sind 3 weitere Elemente. Ein Container links (sidebar) die auch wie der header fixed ist aber sich bewegt bei resize. Dann der content container der scrolled und sich natürlich auch immer mittig hält (der container ist mit dem 960 grid formatiert, also 960 breit, eigentlich glaube ich nicht so wichtig) und dann noch eine weitere sidebar, rechts, die auch fixed ist Zur Anschauung hier noch eine skizze http://dl.dropbox.com/u/4193224/css_problem.jpeg wenn man das fenster klein zieht dürfen die 3 elemente natürlich nicht umbrechen und untereinander angezeigt werden … Ich weiß nicht richtig wie man diese Struktur möglichst browserkompatibel aufbaut und freue mich sehr über Tips und Ansätze Danke |
Sponsored Links |
|
|||
Hi cuginoCoso
ich denke mit heutigen CSS Mitteln ist so ein Layout noch gar nicht möglich! In CSS 3 soll es irgendwann mal die Möglichkeit der Berechnung für Maße geben (siehe Jens Meiert), was zum jetzigen Zeitpunkt aber wohl noch kaum unterstützt werden dürfte. Somit scheidet diese Methode als Praxislösung aus. Eventuell ließe sich da was mit Java-Script machen, was in der Praxis jedoch auch zu Problemen führen wird, da es das Layout ohne Java-Script zerlegt. Also solltest du dir ein anderes "umsetzbares" Layout ausdenken. Aber wer weiß, vielleicht haben die Forenprofis ja doch noch eine Lösung parat, schließlich bin ich ja nicht allwissend. Gruß Webcoder
__________________
Websites erstellen ist ein Hobby von mir. |
Sponsored Links |
|
|||
Hallo,
danke für die Antwort … wo liegt denn genau das Problem? Das es so unmöglich ist, war mir dann auch noch nicht bewusst … ich hab das ganze schon irgendwie halbwegs hingeschoben bekommen, aber es war wirklich dirty und sehr trail & error mäßig. ich hab versucht container ineinander zu verschachteln, die dann unterschiedliche position styles hatten … und die fixed elemente in dem zentrierten container bewegen sich auch mit beim skalieren … derher vermute ich mal das es nicht unmöglich ist … ich weiß nur nicht wie man das sauber aufsetzen soll … ich glaube der kniff liegt in cleveren position vererbungen … weiterhin freu ich mich über tips Danke |
|
|||
hmm …
ich glaube das hatte ich versucht … und hatte dann das problem, dass sich bei window resize die container untereinander stapeln … das ist doch eigentlich der sinn von float … oder kann man das irgendwie umgehen? |
Sponsored Links |
|
||||
In dem von mir genannten Beispiel 3 wird das nicht passieren, da auch der Wrapper eine feste Breite hat. Somit wird der Container nicht schmaler und es kommt bei floats nicht zu Umbrüchen.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade! |
Sponsored Links |
Stichwörter |
clear, css, fixed, float, resize, scroll |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS tabelle wird im FF nicht zentriert dargestellt | neugierig_asdf | CSS | 2 | 08.02.2009 14:23 |
Positionierung einiger Elemente falsch | CrAzYs | CSS | 4 | 09.10.2008 21:45 |
3 Spalten, mitte fixed width und immer horizontal zentriert - realisierbar?! | vXel | CSS | 0 | 06.05.2008 00:33 |
Positionierte Tabelle - fixed, zentriert, vertikal zentriert | nick | CSS | 0 | 20.08.2006 03:33 |
Zweispaltenlayout - Zentriert + Position fixed | Mikronesien | CSS | 1 | 03.07.2006 23:23 |