Autor Zpráva
rkomoras
Profil

HTML:
...
  <div id="all">
  
    <div id="hlavicka">
    The textík...
    </div>
    
    <div id="navigace">
    
      <ul>
      
        <li>Text volno</li>
        <li>Text volno</li>
        <li>Text volno</li>
        <li>Text volno</li>
        <li>Text volno</li>
      
      </ul>
      
    </div>
    
    <div id="obsah">
      
      <p>
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent nulla. Morbi cursus imperdiet leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras nec leo vel tortor suscipit commodo. Vivamus elementum mattis magna. Vivamus egestas ultrices pede. Morbi et dolor. Sed in felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nulla nisl. Cras ante. Suspendisse sagittis ipsum nec risus. Vestibulum ullamcorper mattis nisl. In est lacus, semper nec, tempor id, suscipit in, sem. Nunc rhoncus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque consectetuer enim congue nibh. Praesent aliquet tincidunt turpis. Sed tincidunt libero in dui. Phasellus pede nibh, mattis sit amet, scelerisque ac, commodo a, velit.
      </p>
      
    </div>
    
    <div id="paticka">
    Vytvořeno v editoru <a href="http://www.pspad.com/">PSPad</a>
    </div>
  
  </div>
...

CSS:
body
{
margin: 0;
padding: 0;
text-align: center;
background-color: #B87333;
}

#all
{
margin: 0 auto;
border: 1px solid black;
background-color: #ffffff;
margin-top: 10px;
width: 650px;
}

#hlavicka
{
background-color: #954C1C;
margin: 10px;
}

#navigace
{
margin: 10px;
float: left;
background-color: #000000;
color: #FFFFFF;
}

#obsah
{
margin: 10px;
background-color: #ABBABB
}

#paticka
{
margin: 10px;
background-color:  #12DA3B;
}

#navigace mi pořád leze do #obsah...musim jí nastavit pevnou výšku? Chci to mít tak, aby při jakémkoliv textu to nelezlo doleva...
Nox
Profil
rkomoras
Protože navigaci floatuješ, takže ona se při vykreslování vykreslí, až po ostatních divech, protože nejsou floatovaný,
tudíž floatuj i obsah (často se tu odkazuje na Pixyho článek o floatování, tak se po něm mrkni)
rkomoras
Profil
obsahu jsem dal float: right a úplně to vylezlo
rkomoras
Profil
a když dám patičce clear:both, tak je obsah pod navigací
Nox
Profil
oběma definuj šířku a pod navigaci a obsah dej <hr class="neco">
,neco{display:block;margin:-0.66em 0;clear:both;visibility: hidden;}
rkomoras
Profil
s tou šířkou už to jde. dík

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: