|
|||
Layout - Boxen zentrieren
Hallo Leute,
ich möchte den Header, das gelbe Div links sowie das dunkelblaue Div fixiert haben. Bisher habe ich nur der gelben Box ein "position: fixed" gegeben, da es mir das Layout zerschießt, wenn ich es für den Header und der blauen Box vergebe. Könnt ihr mir hier bitte helfen? Danke für eure Hilfe im Voraus! Geändert von cssnoobi (22.01.2012 um 14:00 Uhr) |
Sponsored Links |
|
|||
Hi cssnoobi
leider sind Code-Auszüge wenig hilfreich, besser ist es immer die Seite irgendwo hoch zu laden, damit alle die gleiche Basis haben und alle Elemente der Seite sehen. Als erstes muss ich deine Selektoren bemängeln. Eine Id ist immer eindeutig, da sie nur 1x pro Seite vorkommen darf, somit ist das div davor überflüssig. Auch das div#main vor der Id (#headline) und den Klassen solltest du weglassen. Dann solltest du dir dringend noch einmal bei SELFHTML den Abschnitt über Positionierung durchlesen. Oder noch besser lese gleich ein ganzes HTML und CSS Tutorial. Nun zu deiner konkreten Frage, ob wir dir helfen können. Leider muss ich diese Frag verneinen, weil ich weder weiß wie deine Seite aussehen soll, noch was du mit zerschießen meinst. Du willst Boxen (Divs) fixieren, soweit habe ich es verstanden, aber wo (siehe dazu den Link oben zu SELFHTML)? Bei position:fixed; sind Angaben nötig wo auf der Seite das Element erscheinen soll, deshalb "zerschießt" es dir wohl auch das Layout. Zu deiner zweiten Frage fällt mir auf, dass es auch hier an Grundlagenwissen fehlt. Divs gehen von Haus aus über die gesamte Breite des Elternelements. Wenn du also nur eine min-width angibst, wirst du sie nicht nebeneinander positionieren können. Also musst du zusätzlich noch eine max-width definieren, ich könnte mir vorstellen, dass sich dafür eine Angabe von 50% eignet. Mein Tipp: Suche dir ein gutes Tutorial (z.B. Little Boxes) und lerne erstmal die HTML und CSS Grundlagen bevor du eine Seite irgendwie zusammen bastelst. Gruß Webcoder
__________________
Websites erstellen ist ein Hobby von mir. |
Sponsored Links |
|
|||
Ich habe ja extra den HTML-Code dazu gepostet, damit ich die Seite nicht irgendwo hochladen muss. Mehr gibt es bei der Seite bisher nicht.
Die Elemente habe ich jetzt fix bekommen und auch richtig positioniert. Habe aber noch ein kleines Problem dabei, wobei ich nicht weiß wie ich es umsetzen soll. Das Grüne Div (Content) verläuft beim Scrollen nach oben unter den fixierten Elementen hinaus. Das soll natürlich nicht so sein. Könnt ihr mir dazu einen Tipp geben? Hier mein aktualisierter Code: Geändert von cssnoobi (22.01.2012 um 14:00 Uhr) |
|
|||
Hallo,
Zitat:
Zitat:
MrMurphy |
|
||||
Zitat:
Genau deshalb soll man die Seite irgendwo hochladen, damit alle das sehen was du siehst und nicht jeder einen eigenen Testcase erstellen muss. Zitat:
Wenn JA, frage ich mich was du nicht verstanden hast, oder besser, was davon hast du überhaupt verstanden? Zitat:
Also ist es logisch, dass dir das Layout zerschossen wird, weil alle Divs wie im Zitat zu lesen am Viewport beginnen. Gibst du den Viewport nicht an, beginnen alle direkt hintereinander aufgeführten Divs am gleichen Viewport. Sicherlich klingt auch diese Antwort wie Chinesisch für dich, darum ja auch der Tipp zu den Grundlagen. Ich will dir ja gerne helfen, jedoch nicht deine Arbeit machen. Wenn du eine Website erstellen willst, muss du lernen wie es geht und nicht die Website von anderen erstellen lassen. Zitat:
Um einfach 2 Divs nebeneinander zu positionieren benötigt man keine Tabelle, man muss nur wissen wie es geht. Also gehe nach zurück zu mein ersten Post und arbeite das Tutorial durch, so bekommst du Antworten auf alle deine Fragen. Ich weiß, es wäre dir lieber, jemand hier im Forum baut dir Schritt für Schritt die Seite nach deinen Vorstellungen zusammen. Wo möglich wird dir dabei noch erklärt wie und warum welche HTML-Elemente und CSS-Eigenschaften genutzt werden. Dann kannst du eine standardkonforme Seite als dein Machwerk präsentieren ohne wirklich zu Wissen wie es geht. So läuft es hier jedoch nicht es soll Hilfe zur Selbsthilfe erfolgen, damit du es lernst und nicht beim nächsten Mal zum gleich Problem wieder fragst.
__________________
Websites erstellen ist ein Hobby von mir. |
|
|||
Beim Scrollen verläuft die grüne und orange box (main) noch unter den Header nach oben. Ich kann es schlecht beschreiben was ich jetzt noch genau will. Diese Bereiche sollen ins leere verlaufen, sodass auch beim Scrollen der obere Teil des Divs an dem blauen Div grenzt.
Geändert von cssnoobi (22.01.2012 um 14:00 Uhr) |
Sponsored Links |
|
|||
Zitat:
Zitat:
Du wolltest es genau andersherum machen, statt 2 nebeneinander liegenden Divs eine Tabelle dafür einsetzen und sowas sollte spätestens seit CSS 2.1 passé sein.
__________________
Websites erstellen ist ein Hobby von mir. |
Sponsored Links |
Stichwörter |
div dynamisch vergrößern, div fixieren, div positionieren |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Layout & Absolutes Zentrieren | Innocentus | (X)HTML | 2 | 08.11.2010 21:26 |
3 Boxen zentrieren in einem Wrapper | zappodrom | Site- und Layoutcheck | 1 | 25.07.2010 21:32 |
Layout asymetrisch zentrieren | swsg | CSS | 7 | 05.08.2009 01:15 |
Layout zentrieren und ein paar Kleinigkeiten | sfd | CSS | 8 | 01.10.2008 19:46 |
zwei boxen im verhaeltnis zueinander zentrieren | earworms | CSS | 12 | 17.08.2006 18:01 |