3 spalten Layout mit div und einem scroll Balken?

svezi · #1 (**permalink**) 10.11.2010, 10:35

Hi alle zusammen

wo ist mein Denkfehler?

ich habe eine layout mit drei Spalten nebeneinander...

jetzt möchte ich, das für die drei divcont. ein scroll Balken zuständig ist..

Um das bei einer Tabelle zu erreichen, muss ich mit

overflow:auto; overflow-x:hidden; overflow-y:auto;

arbeiten.

Aber bei meinen Divs funktioniert das leider nicht.

es handelt sich um den DIV Container inhalt

hier mein code:

Code:

<div id="container-inhalt" style="text-align:left; margin-left:15px; float:left; height: 450px; width:756px; border: 1px dotted #000000; background-color: #ffffff; overflow:auto; overflow-x:hidden; overflow-y:auto; 
">

<div id="containeri-1" style="z-index: 2; text-align:left; margin-left:95px; float:left; height: 401px; width:196px; border: 1px dotted #000000; background-color: #ffffff; overflow:auto; overflow-x:hidden;  ">
  
  <div id="inhalt-links"
  style="
  clear:both;
  margin-left:0px;
  width:195px;
  height:400px;
  ">###INHALT-LINKS###</div>
</div>

<div id="containeri-2" style="z-index: 2; text-align:left; margin-left:25px; float:left; height: 401px; width:196px; border: 1px dotted #000000; background-color: #ffffff; overflow:auto; overflow-x: hidden; ">
 
  <div id="inhalt-mitte"
  style="
  clear:both;
  margin-left:0px;
  width:195px;
  height:400px;
  ">###INHALT-MITTE###</div>
</div>

<div id="containeri-3" style="z-index: 2; text-align:left; margin-left:25px; float:left; height: 401px; width:196px; border: 1px dotted #000000; background-color: #ffffff; overflow:auto; overflow-x:hidden;  ">

  <div id="inhalt-rechts"
  style="
  clear:both;
  text-align:top;
  margin-left:0px;
  margin-top:0px;
  width:195px;
  height:400px;
  ">###INHALT-RECHTS###</div>
  </div>
</div>

siliciumcarbid · #2 (**permalink**) 10.11.2010, 11:02

mit overflow: scoll; erreichst du einen scrollbalken im div.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
div layout zentrieren	siocone	CSS	11	13.12.2010 17:06
Div Layout mit variablem Rand	BooKer	CSS	0	18.06.2010 02:07
Header entfernen	tripple	CSS	17	15.06.2010 15:41
Schriftfarbe in den Eintragungsfeldern von jforms	Steveislucky	CSS	2	16.03.2010 10:59
zwei Spalten layout, IE Abstandproblem	paramit	CSS	2	03.07.2008 13:05