Új hozzászólás Aktív témák

• #4103 DeltaPower addikt sz.j #4102

  Új Válasz 2012-08-08 07:51:55 #4103

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  DeltaPower

  addikt

  válasz sz.j #4102 üzenetére

  position:absolute esetén a top:auto; alapból a befoglaló elemhez képest 0,0-ra teszi az elemet
  Ahogy írtad, az abszolút pozícionálásnak leginkább fix méretek esetén van értelme, a te oldaladon inkább float-olni kellene a diveket.
  Az általános megoldás erre így néz ki:
  - felosztjuk az oldalt tartalmi egységekre: nálad fejléc, középrész, lábléc
  - minden egységben, ami egymás mellé kerül, fix szélesség és float:left, ezek alá egy 0px magas div, aminek clear:both tulajdonsága van, és mindezt egy konténer elembe tesszük
  - az egymás alá kerülő elemeket egymás után pakoljuk, float nélkül

  A te oldaladnál például így néznének ki a div-ek (ez csak egy megoldás):
  <div id="kontener"> // fix széles, vízszintes margin: auto, nincs float
  <div id="fejlec"> // fix széles, fix magas, nincs float
  <div id="logo">...</div> // fix széles, fix magas, float:left
  <div id="kep">...</div> // fix széles, fix magas, float:left
  <div class="cleardiv"></div> // clear:both, height: 0px;
  <div id="kapcsolat">...</div> // fix széles, fix magas, float:left
  </div> //fejlec vége
  <div id="tartalom"> // fix széles, no float
  <div id="bal">...</div> // fix széles, float:left;
  <div id="jobb">...</div> // fix széles, float:left;
  <div class="cleardiv"></div>
  </div> // tartalom vége
  <div id="lablec">...</div> // fix széles, fix magas, no float
  </div> // kontener vége

Új hozzászólás Aktív témák