Problem mit Div Inhalt und Höhe

[chathexe]

Hallo...

ich habe ein Problem und finde keine gute Lösung

ich möchte eine Seite in div und css aufbauen
Der Content soll automatisch an den Inhalt anpassen

da es jedoch mehrere Div Container sind die nach left gefloatet werden sieht das ganze wie aus

ich habe versucht auf den main ein overflow oder auto zu setzen jedoch erhalte ich dann im Content einen scrollbalken

vielleicht hat jemand nen tipp :-?

 

[sdressler]

AW: Problem mit Div Inhalt und Höhe

hast Du mal versucht das "min-height" rauszulassen? Vielleicht wird das vom Browser falsch interpretiert.
Das kommt mir überhaupt im css etwas häufig vor.

 

[cyberrob]

Set doch mal den übergeordneten DIV auf overflow: hidden

 

[Exulizer]

AW: Problem mit Div Inhalt und Höhe

Beim div#footer mach da mal ein clear:both rein dann sollte es behoben sein, das min-height kannst du stehen lassen.

 

[chathexe]

AW: Re: Problem mit Div Inhalt und Höhe

also wenn ich des overflow auf übergeordnet lege muss das dann doch auf den main oder?
Visible gehts genauso drüber raus hidden sieht man es nicht mehr und auto kommt der scroller
...
aber das sollte sich aufspannen :-(

im Footer both drin tut sich nix

 

[cyberrob]

Wieso hast du div#main absolut positioniert?
Wenn du das rausmachst und die navi etwas schmäler (irgendwie passen die nicht nebeneinander) dann sollte es funktionieren.

 

[sokie]

AW: Problem mit Div Inhalt und Höhe

wenn du container floatest, dürfen sie nicht absolute positioniert sein. der footer darf nicht floaten, sondern könnte ein clear:both haben, wie Exulizer schon schrieb.

 

[chathexe]

AW: Problem mit Div Inhalt und Höhe

Dannnnnkkkkkeeeeeeee

hoffe nur das das dann auch mit dem Design klappt...

Dannnnkkkkkeeeeeeeee...so ein blödes absolute

 

[Exulizer]

AW: Problem mit Div Inhalt und Höhe

wenn dein Container Center sein soll, dann mit margin: 0 auto 0 auto; bei div#siteuter das zweite 0 auto behebt das problem im IE

PS: arbeite wenn dann mit position: relative; damit bist du schon mal dynamischer

 

[chathexe]

AW: Problem mit Div Inhalt und Höhe

Hallo habe mal diesbezüglich noch eine Frage....

wenn ich meine Divs im Browser mittig ausrichte habe ich im css folgendes eingetragen auf den outer div
div#site_outer {
position: relative;
float: left;
width: 896px;
top: 0;
left: 50%;
margin-left: -470px;
border: solid 2px #C90;
height:99%;
}

da ich ja nun unterschiedliche Inhalte habe und somit die Höhe der Inhalte variiert, springt die Seite sobald die Maximale Browserhöhe (Bildschirm) überschritten wird weil ja dann der scrollbalken hinzu kommt

gibt es da eine möglichkeit im css das zu umgehen?

 

[sokie]

AW: Problem mit Div Inhalt und Höhe

Du kannst der seite vorab schon mal eine höhe von 101% geben was dazu führt, dass der Scrollbalken grundsätzlich (also auch bei kleinem Inhalt) zu sehen ist.dann entfällt das springen.

html,body{
  height: 101%;
}

 

[chathexe]

AW: Problem mit Div Inhalt und Höhe

ja daran habe ich auch gedacht sieht aber nicht schön aus wenn weniger Inhalt drin ist wenn der scrollbalken da ist....

mal dumm frage gibt eventuell ne möglichkeit im css zu definieren
wenn height mehr als 100% dann z.b. ne andere css Datei? oder sowas

hier mal die Vorlage

falls jemand Verwendung hat ;-)

 

[chacki]

AW: Problem mit Div Inhalt und Höhe

Wenn du z.b. height=90% setzt wirds auch nicht über die 90% gehen von daher brauchst du keine Wenn-Über Variable da es erst garnicht über die 90% geht.

 

[chathexe]

AW: Problem mit Div Inhalt und Höhe

und wenn dann mehr Inhalt drin wäre ... Verlust?...oder

 

[chacki]

AW: Problem mit Div Inhalt und Höhe

entweder versteh ich das Problem nicht aber wieso benutzt du nicht height:auto?

Und nein, wenn du height:90% angibst und der Inhalt größer ist hast du in der DIV einen Balken.

 

[chathexe]

AW: Problem mit Div Inhalt und Höhe

okay...
ich bin noch net so fit in css ...

danke dir für den Vorschlag