Css 3 Spalten System gleiche H�he / Ebene

01/22/2012 16:47 RedJ0hn#1

Hallo,

mich w�rde folgendes mal interessieren, und zwar habe ich immer Probleme beim 3 Spalten System. Irgendwie ist alles nicht auf einer Ebene bzw. auf der gleiche H�he.

Kann mir einer sagen woran das liegt und wie man des beheben kann?

MfG

01/22/2012 17:43 NotEnoughForYou#2

Wie machste denn dein 3 Spaltensystem ? Wenn man es mit float macht, und keine unterschiedlichen margin & paddings hat, m�sste alles auf der gleichen H�he sein

01/22/2012 18:57 RedJ0hn#3

Quote:

Originally Posted by NotEnoughForYou

Wie machste denn dein 3 Spaltensystem ? Wenn man es mit float macht, und keine unterschiedlichen margin & paddings hat, m�sste alles auf der gleichen H�he sein

^genau, so meinte ich, jedoch ist es bei mir nicht auf einer Eben. Margin und Paddings unver�ndert. Nur Width habe ich festgelegt.

MfG

01/22/2012 19:44 Fratyr#4

Seit CSS3 gibts eine Eigenschaft daf�r die das f�r dich regelt, in �lteren Browsern
funktioniert das wohl aber nicht. Ansonsten versuche mal vor oder nach (ggfs. auch
und) den Spalten einen Tag mit der clear: both CSS Eigenschaft zu setzen.
In manchen F�llen hilft das. Allerdings kann man dir mit deinen sperrlichen Informationen
nicht weiterhelfen, daf�r m�sstest du schon deinen Quelltext posten.

01/24/2012 15:12 JacK le chilla#5

hast du irgendwo %-angaben verwendet ? weil die zerw�rfeln eigentlich immer alles

02/04/2012 01:13 galaxyo#6

HTML Code:

<div style="width:900px; height:auto;"> // Container Breite 900px

      <div style="float:left; width:200px; height:auto;"></div> // Spalte 1

      <div style="float:left; width:500px; height:auto;"></div> // Spalte 2

      <div style="float:left; width:200px; height:auto;"></div> // Spalte 3

      // Alle Spalten = 900px = Alle Spalten nebeneinander

</div>

<div style="clear:both;"></div> // Clearen -> Google

Sollten direkt nebeneinander dargestellt werden sowie auf gleicher h�he. Wenn allerdings der umfassende Container von der Breite her kleiner ist als alle 3 Spalten zusammen, wird die letzte Spalte die diesen Container �berlappen w�rde einfach unter die 2 anderen Spalten gesetzt:

HTML Code:

<div style="width:800px; height:auto;"> // Container Breite 800px

      <div style="float:left; width:200px; height:auto;"></div> // Spalte 1

      <div style="float:left; width:500px; height:auto;"></div> // Spalte 2

      <div style="float:left; width:200px; height:auto;"></div> // Spalte 3

      // Alle Spalten = 900px = Spalte 3 wird versetzt.

</div>

<div style="clear:both;"></div> // Clearen -> Google

Au�erdem verstehe ich dein Problem nicht so ganz. Schicke mir doch einfach mal deinen Quellcode bzw. einen Screenshot oder gerne auch beides. Dann schaue ich mir das mal an. Ohne Quellcode oder Screenshot ist es schwer irgendetwas zu diagnostizieren

02/04/2012 17:19 RedJ0hn#7

Hey,

erstmal danke euch allen.

Es ging um folgendes, ich habe mit Float und Width jeweils festgelegt, dass es ein drei Spalten System sein sollte. Jedoch waren diese nicht auf der gleichen H�he, obwohl ich damit nichts angeben hatte.

Aber es funktioniert jetzt danke.

MfG