Autor Zpráva
zelenáč
Profil *
Ahoj mám takový problém . Div s id="hlavni" nemá žádnou výšku.Nevíte někdo jak tu výšku dát?
CSS
body{
  width: 100%;
  background-color: rgb(0,102,153);
   }
#hlavni{
  width: 800px;
  height: 100%;  
  background-image: url("pozadi.png");
  background-repeat: repeat;
  margin: 0px auto;
  }
#zahlavi{
  float: left; 
  width: 800px; 
  height: 430px;
  background-image: url("Logozoid.jpg");
  }
#menu{
  float: left; 
  width: 130px; 
  }
#obsah{
  float: left; 
  width: 530px; 
  padding: 5px;
  }
#menu_prave{
  float: left; 
  width: 130px; 
  }
#zapati{
  float: left; 
  width: 800px; 
  background-color: brown;
  }
a{color:darkblue;
 text-decoration: none;
 font-family:Times New Roman, Arial;
}  
a:link{
    color:rgb(0,0,102);
}
a:hover{
    color:rgb(0,153,255);
}
a:vited{
    color:rgb(102,51,204);
}
.obvlevo{
 Float: left;     
        }
.obvpravo{
 Float: right;        
         }
Html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1250">
    <link rel="stylesheet" href="sablona.css" media="all">
    <title>Hlavní stránka</title>
  </head>
<body>

<div id="hlavni">
  <div id="zahlavi"></div>
  <div id="menu"><p><a href ="Hlavni_stranka.html"><img src="grand_preistess.png"alt="preistess">Hlavní stranka</a></p>
      <p><a href ="Fotogalerie.html"><img src="hedionism_bot.png"alt="hedionism">Fotogalerie</a></p>
      <p><a href ="O_autorovi.html"><img src="head_scammer.png"alt="král">O autorovi</a></p>
      <p><a href ="O_projektu.html"><img src="nibbler.png"alt="nibbler">O projektu</a></p>
  </div>
  <div id="obsah"><H1>Úvodní Stánka</H1>
<img src="Futurama-wall6.jpg" width="530px"alt="Futurama">
<p>Futurama je americký animovaný seriál, který vytvořili Matt Groening a David X. Cohen (autoři seriálu Simpsonovi). První čtyři produkční série vysílala televizní stanice Fox Network v letech 1999 až 2003. V červnu 2006 televizní společnost Comedy Central potvrdila, že objednala dalších 16 epizod, které začala vysílat v průběhu roku 2008. Jedná se o 4 níže uvedené filmy, přičemž každý je rozdělen na 4 epizody. 10. června 2009 společnost Comedy Central oznámila, že uzavřela dohodu na výrobu dalších 26 nových dílů seriálu, které se budou vysílat od poloviny roku 2010.</p>
<p>První Futurama film, nazvaný Bender's Big Score, byl vydán 27. listopadu 2007 pouze na DVD. Druhý film Futurama: The Beast with a Billion Backs byl vydán 24. června 2008 a další filmy Futurama: Bender's Game (vydán 3. listopadu 2008) a Futurama: Into the Wild Green Yonder (24. února 2009) pravidelně následovaly.</p>
<h3>Příběh</H3>
<p>Děj se většinou odehrává v Novém New Yorku a přilehlém vesmíru od roku 3000. V prvním díle spadne věčný smolař Philip J. Fry na Silvestra roku 1999 do mrazáku v kryogenické laboratoři. Rozmražen je až po 1000 letech, 31. prosince 2999 a zjišťuje, že se nachází v Novém New Yorku. Díky objevenému praprapra…praprasynovci, profesoru Hubertu Farnsworthovi dostane práci v jeho malé intergalaktické doručovatelské firmě Planet Express. Seriál pojednává o dobrodružstvích Frye a jeho kolegů při dodávání zásilek ve jménu této dopravní firmy.</p>

</div>
  <div id="menu_prave"><p><a href="fry.html"><img src="fry.png"alt="Fry">Philip J .Fry</a></p>
                 <p><a href ="leela.html"><img src="leela.png"alt="leela">Turanga Leela</a></p>
                 <p><a href ="FarnsWorth.html"><img src="farnsworth.png"alt="Fransworth">Hubert J. Fransworth</a></p>
                 <p><a href ="bender.html"><img src="Bender.png"alt="Bender">Bender Bending Rodriguez</a></p>
                 <p><a href ="zoidberg.html"><img src="Zoidberg.png"alt="Zoidberg"> Dr.John Zoidberg</a></p>
                 <p><a href ="hermes.html"><img src="Hermes.png"alt="Hermes">Hermes Conrad</a></p>
                 <p><a href ="amy.html"><img src="Amy.png"alt="Amy">Amy Wong</a></p>
                 </div>
  <div id="zapati">paticka</div>
</div>
</body>
</html>

Moderátor Davex: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na ).
panther
Profil
zelenáč:
Nevíte někdo jak tu výšku dát?
přidat cleaner za floatované elementy, aneb Jak funguje float a clear.
ShiraNai7
Profil
zelenáč:
Před ukončovací značku </div> od <div id="hlavni"> dej:

<div class="cleaner"></div>

A do CSS si přidej:

.cleaner {clear: both;}
margin
Profil *
ShiraNai7:
Není nutné použít prázdný DIV, jako cleaner (čistič) jde použít patičku.

zelenáč:
Proč dáváš patičce float? Je to zbytečné.
zelenáč
Profil *
Tak sem zjistil že celé body má nemá výšku jde to nějak vyřešit?


dík za pomoc hned jak sem dal pryč float z patičky tak ta výška najela moc děkuju


no tak sem se radoval předčasně to byla velikost jenom té patičky, celé body nemá pořád výšku nevíte jak to opravit?
Petr ZZZ
Profil
Jestli se snažíš umístit patičku vždy dole, podívej se na odkázaný Plaváčkův návod.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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