Author Topic: mal eine html css frage  (Read 1894 times)

Heiko

  • Guest
mal eine html css frage
« 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

Offline Schranz0r

  • Premium User :)
  • Administrator
  • Prof. Inline
  • *******
  • Posts: 5116
  • O Rly?
    • View Profile
Re: mal eine html css frage
« Reply #1 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
I <3 DGArray's :D

PC:
AMD Ryzen 7 3800X 16@4.5GHz, 16GB Corsair Vengeance LPX DDR4-3200 RAM, ASUS Dual GeForce RTX™ 3060 OC Edition 12GB GDDR6, Windows 11 Pro 64Bit, MSi Tomahawk B350 Mainboard