GLBasic forum

Main forum => Off Topic => Topic started by: Heiko on 2016-Oct-09

Title: mal eine html css frage
Post by: Heiko on 2016-Oct-09
ich frage mal hier auch wenn ich weiß dass es dafür spezielle seiten gibt....aber hier haben eben einige scheinbar mehr ahnung.

und zwar will ich einen div container bauen bzw. hab diesen gebaut.
in diesem soll links ein container und rechts einer sein.und mittig ein container für content.
über flexbox will ich nicht gehen und beim float reiße ich mir die haare raus.
alle drei div container haben feste breiten.
als beispiel...
der hauptcontainer 900px breit
linker container 100px rechter container 100px und der mittlere 700
die höhe ist nicht festgelegt sondern orientiert sich an dem inhalt der mittleren content box

vielleicht kann mir da ja jemand helfen und ein snippet in den fred werfen
Title: Re: mal eine html css frage
Post by: Schranz0r on 2016-Oct-10
Hi Heiko und willkommen zurück :)

Du brauchst einen "FloatFix" um das Floating zu beenden.
Dazu hier mehr: https://www.mediaevent.de/css/position-clear.html

Setze die height im CSS auf Auto.
Dein Grundgerüst sollte richtig sein, du machst einen DIV-Container mit dem Namen z.B "Wrapper" und packst da 3 DIV's rein.

Der "Wrapper" hat eine width von 900px und eine height von Auto!
Div "left" machst du auf 100px.
Div "middle" machst du auf 700px.
Div "right" machst du auf AUTO.


Code ("htm") Select
<div id="wrapper">
  <div id="left"></div>
  <div id="middle"></div>
  <div id="right"></div>
  <div id="floatFix"></div>
</div>

Der "FloatFix" ist wichtig, sonst wird der "Wrapper" nicht angepasst!
Bei Mozilla gabs glaub noch so einige eigenheiten, keinen Plan mehr.. :D