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

• #2695 HelloWorld tag rii #2690

  Új Válasz 2010-07-15 21:01:28 #2695

  Ú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

  

  HelloWorld

  tag

  válasz rii #2690 üzenetére

  Azt hiszem, értem a problémád, de csak CSS-ben tudok segíteni.
  Két megoldás is van, az első elterjetebb, a második kevésbé (ilyen többhasábos felépítést a float segítségével szokás csinálni).

  Mindkét megoldás alapja, hogy három részre van felosztva az oldalunk, ezek azonosítója sorban balmaszat, középsőnemmaszat, jobbmaszat.

  Első megoldás:

  body {
  margin: 0px;
  padding: 0px;
  }
  
  #balmaszat {
  float: left;
  width: 300px;
  height: 500px;
  border: 1px solid red;
  }
  
  #kozepsonemmaszat {
  float: left;
  width: 200px;
  height: 500px;
  border: 1px solid blue;
  margin-left: 50px;
  margin-right: 50px;
  }
  
  #jobbmaszat {
  float: right;
  width: 300px;
  height: 500px;
  border: 1px solid red;
  }

  Második megoldás:

  body {
  margin: 0px;
  padding: 0px;
  }
  
  #balmaszat {
  position: absolute;
  left: 10px;
  width: 300px;
  height: 500px;
  border: 1px solid red;
  }
  
  #kozepsonemmaszat {
  position: absolute;
  left: 50%;
  width: 200px;
  height: 500px;
  border: 1px solid blue;
  }
  
  #jobbmaszat {
  position: absolute;
  left: 100%;
  margin-left: -310px;
  width: 300px;
  height: 500px;
  border: 1px solid red;
  }

  Ha nem világos, kérdezz!

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