Autor Zpráva
gardener
Profil
Zdravím

Na rady uživatelů na tomto fóru jsem předělal strukturu webu a zbavil se tak zbytečně použitého pozicování, co mi ale nyní dělá problém je odsazování levého sloupce s menu, resp. mezery, ketré tam vznikají (viz.obrázek).
Šlo by to asi vyřešit hackem, jelikož v IE se to kupodivu zobrazuje dobře, ale zase si říkám, že spíš bude problém v něčem jiném..

Netuší někdo, čím mlže takovéto odsazování být způsobeno?

Pro úplnost přidávám CSS kod l. sloupce a nad ním nadřazeného bloku s nadpisem.

Děkuji za každou radu..



CSS:

/*Floatovany DIV pro MODRO CERNY sloupec*/
#left_collum {
	float:left;
	width: 200px;
}

#central_collum {
	float:left;
	width: 500px;
}

#right_collum {
	float:right;
	width: 250px;
	background-color: #FFFFFF;
	margin-right: 12px;
	text-align: center;
}
/*Zacatek leveho sloupce navigace (MODRO CERNY)*/

#left_navigation_content {
	visibility:visible;
	background-image: url(images/black_box_bg.png);
	background-repeat: repeat-y;
	height: auto;
}
#overpass_navigation_content {
	width:197px;
	height:69px;
	visibility:visible;
	background-image: url(images/black_blue_box.png);
	background-repeat: no-repeat;
}
#left_blue_navigation_content {
	width:197px;
	visibility:visible;
	background-image: url(images/blue_box_bg.png);
	background-repeat: repeat-y;
	height: auto;
}
#left_blue_navigation_footer {   
	width:197px;
	visibility:visible;
	background-image: url(images/blue_box_footer.png);
	background-repeat: no-repeat;
	height: 49px;
}



HTML

<div id="menu">
    <h1 class="title">Hlavní nadpis ?</h1>
    <h2 class="left">Levý sloupec</h2>
  </div>
  <div id="white_background">
    <div id="left_collum">
      <div id="left_navigation_content">
        <ul class="left_link">
          <li>Související odkazy</li>
          <li>Související odkazy</li>
          <li>Související odkazy</li>
        </ul>
      </div>
      <div id="overpass_navigation_content">
        <h2 class="left">Levý sloupec 2</h2>
      </div>
      <div id="left_blue_navigation_content">
        <ul class="left_link">
          <li>Související odkazy</li>
        </ul>
      </div>
      <div id="left_blue_navigation_footer"></div>
gardener
Profil
Nikdo netuší?

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: