zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Layout mit DIVs..

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.09.2007, 23:29
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.03.2007
Beiträge: 12
GELight befindet sich auf einem aufstrebenden Ast
Standard Layout mit DIVs..

Nabend alle zusammen...

Also ich hasse sie einfach nur...
Ich möchte einen eigentlich einfachen Layoutaufbau mal nur mit DIVs umsetzen und verzweifle sogar daran schon...

kurz gesagt:
1. Ein HauptDIV, der mit margin: auto: und 750px Breite immer im Browser sitzt.
2. Im HauptDIV möchte ich 2 Spalten... 226px... 23px... und den Rest für den Content.

Es scheitert schon daran, den 23px DIV rechts neben dem 226px breiten zu positionieren. Er schiebt den Inhalt dessen immer unter den linksn DIV.
Der Linke DIV hat ein float: left; und dennoch sitzt der Inhalt des DIVs daneben drunter. In allen Beispielen, die ich gefunden habe ( 10000de ) ist das so gemacht. Nur bei mir wieder nicht... wie immer.

Habt ihr Tipps für mich?

Mario
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.09.2007, 23:35
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.858
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Lasse einfach alle links floaten, zum Clearen siehe FAQ Punkt 2. Ist das 23px-div leer, d.h. <div></div>?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.09.2007, 23:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.03.2007
Beiträge: 12
GELight befindet sich auf einem aufstrebenden Ast
Standard DIV in horizontaler Anwendung

Also irgendwie klappt das nicht... der legt den zweiten immer drunter.
Und wenn er mal daneben liegt, dann liegt dessen Inhalt drunter.
Ich muss dazu sagen.. der Inhalt im Rechten Spalte ist meist mehr als im Linken.

Mario
Mit Zitat antworten
  #4 (permalink)  
Alt 05.09.2007, 23:55
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.858
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Wenn Du richtig gerechnet hast (Google: "Boxmodell") und alle floaten, muß es gehen.
Mit Zitat antworten
  #5 (permalink)  
Alt 06.09.2007, 01:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.03.2007
Beiträge: 12
GELight befindet sich auf einem aufstrebenden Ast
Standard DIV in horizontaler Anwendung

Alles klar hat funktioniert... danke.

Nächstes Problem:
In meinem linken DIV möchte ich ein Bild oder später vielleicht auch DIV mit Inhalt "unten" ausrichten lassen. ... bottom: 0px; tuts leider nicht.

Mario
Mit Zitat antworten
  #6 (permalink)  
Alt 06.09.2007, 01:20
Benutzerbild von Timo
table-layout: none;
XHTMLforum-Kenner
 
Registriert seit: 11.11.2006
Beiträge: 5.354
Timo ist ein LichtblickTimo ist ein LichtblickTimo ist ein LichtblickTimo ist ein LichtblickTimo ist ein Lichtblick
Standard

und erstma
Code:
clear: both;
?
Mit Zitat antworten
  #7 (permalink)  
Alt 06.09.2007, 06:53
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.858
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von GELight Beitrag anzeigen
In meinem linken DIV möchte ich ein Bild oder später vielleicht auch DIV mit Inhalt "unten" ausrichten lassen. ... bottom: 0px; tuts leider nicht.
position: absolute; braucht es dafür noch, und das umgebende div bekommt position: relative; ("containing block"), damit an diesem ausgerichtet wird (und nicht z.B. an body).
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
DIV Layout mit CSS: Zentrieren eines Divs und links und rechts auffüllen. darkwave CSS 5 07.04.2011 13:11
3 Spalten Layout mit Divs - mitte fest, Seiten dynamische Breite devnull CSS 3 02.02.2009 10:03
Div Layout (überlagerte Divs mit auto. höhe) Rijndael CSS 0 29.11.2008 14:52
Automatische Höhe eines Divs, 2spaltigem, tabellelose Layout flummi2 CSS 2 19.04.2006 13:11
Layout mit 3 DIVs nebeneinander bringt IE zum abstürzen theonlyrobi CSS 6 23.05.2005 10:22


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:44 Uhr.