Autor Zpráva
lukigod
Profil
Zdravím, prosím jestli by mě někdo nenakopnul. Řeším zdánlivě banální problém, ale nenašel jsem nikde řešení. Asi blbě hledám. Mám jednoduchý 3sloupcový layout, přičemž ho chci mít dynamický (prostřední oddíl). Postranní lišty jsou s pevnou šířkou. Do této chvíle není problém.
Ale jakmile chci uvnitř prostředního sloupce cokoliv floatovat, tak se mi zbytek obsahu pod floatovaným prvkem posadí nakonec výšky pravého nebo levého sloupce. Prosím o jakoukoli radu, různé třísloupcové layouty na webu vidím a zkoušel jsem je upravovat, ale když do nich nacpu floaty, tak se to rozhodí. Díky kdyžtak to hodím na web, ale v podstatě není proč. viz kód:
<html>
  <head>
    <style>
    div {border: 1px red solid}
    #hlavni{margin: 0 auto}
    #levy {float:left; width: 100px}
    #pravy {float:right; width:100px;}
    #prostredni {margin: 0 110px;}
    .cleaner {clear:both}
    </style>
  </head>
  <body>
    
    <div id="hlavni">
      <div id="levy">
        <p> Vlevo </p>
        <p> Text cokoliv </p>
      </div>
      
      <div id="pravy">
        <p> Vpravo </p>
        <p> Text cokoliv </p>
          <p>Lorem ipsum dolor sit amet consectetuer Ut tellus pede quis ligula. Nibh tellus odio mollis consequat porta pellentesqu</p>
      </div>

      <div id="prostredni">
        <p> Obsah </p>
          <div style="float:left; width:200px">floatuje vlevo</div>
          <div style="float:right; width:200px">floatuje vpravo</div>
          <div class="cleaner"><hr></div>
        <p> Text v obsahu </p>
        <p> cokoliv </p>
      </div>
      <div class="cleaner"></div>
    </div>
  </body>
</html>

a takhle to pak vypadá :(
Plaváček
Profil
lukigod:

Nejrychlejší řešení je do bloku #prostredni vrazit další DIV se šířkou 100% a float:left, třeba. Nezapomenout před patičkou na clear:both.
lukigod
Profil
Plaváček:
perfektní.. a je zadivováno :o)) díky moc. jak jsem psal: úplně banální...

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: