Autor Zpráva
gardener
Profil
Zdravím
Mám jednu prosbu,mám vytvořený layout, vše funguje v pořádku, až na to, když zadávám text do DIVu určeného pro textový obsah, tak text který má větší výšku, než layout přeteče footer, zajímalo by mne, jak to udělat aby se footer posunoval v závislosti na výšce text, tj. aby ho text nepřetékal.
Už jsem zkoušel nastavit footeru různé vlastnosti, ale stále bez výsledku

Děkuji za jakoukolliv radu.

Přidávám HTML, pro představu, jak jsou jednotlivé DIVy v sobě vnořeny..
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="look.css" rel="stylesheet" type="text/css" media="all" />
<link href="look_mobile.css" rel="stylesheet" type="text/css" media="handheld" />
<title>Dokument bez názvu</title>
</head>
<body>
<div id="everything">
<div id="logotyp">logotyp</div>
  <div id="header"><img src="images/header.png" alt="header" width="977" height="283"/></div>
  <div id="navigation">
   </div>
  <div class="left_box"></div>
  <div id="menu">
    <h1 class="title">Hlavní nadpis ?</h1>
    <h2 class="left">Levý sloupec</h2>
  </div>
  <div id="white_background">
  <div class="text_content">
  <p>
 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Suspendisse mattis, odio eu porta feugiat, nisi felis malesu
ada massa, id hendrerit justo justo sit amet tortor. Fusce pu
lvinar. Proin aliquam, turpis ac pharetra dictum, urna diam 
euismod augue, non aliquet nisl augue eget purus. Cras tinc
dunt. Donec imperdiet, massa et faucibus elementum, erat lo
rem vulputate felis, eget commodo massa ipsum vel leo. Fusc
e nisl. Aenean lacus. Curabitur vehicula. Praesent imperdiet. 
Maecenas tristique.
</p>
  </div>
    <div id="projects_box_header">
      <h3 class="title_last_projects">Poslední projekty</h3>
    </div>
    <div id="content_projects">
    <img class="img_projects_box" src="images/projects.png" alt="poslendní projekty"/>
     <div id="text_content_projects"> </div>
      <div id="projects_box_footer"> </div>
    </div>
    <div id="left_navigation_content">
    
      <ul class="left_link">
        <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>
        <li>Související odkazy</li>
      </ul>
    </div>
    <div id="left_blue_navigation_footer"></div>
  </div>
  <div id="footer"></div>
  <div id="validity_footer"></div>
</div>
</body>
</html>
Nox
Profil
Bez CSS to asi moc nepomůže, ale pokud má div s textem nastavenou výšku, tak to prostě bude (kromě IE) přetékat,
takže místo height použij min-height (kromě IE), pokud floatuješ, tak se možá bude hodit clear (nechce se mi přesně studovat jak
to tu máš, to sám víš nejlíp)(třeba http://www.pixy.cz/pixylophone/2003_12_archiv.html#1071056082 )
gardener
Profil
Float pro ten DIV, právě není nastaven vůbec, jinak height má nastaven na auto a min-height 300px;
Zkusím se podívat na PIXIHO návod, ale nevím zda to zrovna vyřeší tento problém, rozhodně napíši, jak jsem dopadl..
gardener
Profil
Tak bohužel Pixiho případ s float neřeší můj problém....
Potřeboval bych aby zvětšující se text v DIVu, posunoval i footer pod ním, vše okolo(levý slouopec, pravý sloupec) je nastaveno dobře, tj. prostor okolo je vybraven barvou,pozadi v ooli textu.

Zde je přiložen CSS kód pro footer a text DIV:

Díky za jakoukolliv radu...

.text_content {
	background-color:#FFFFFF;
	margin-right: 12px;
	position: absolute;
	width:450px;
	min-height: 500px;
	left: 200px;
	max-width: 450px;
	top: 10px;
}

#footer {
	width:977px;
	height:83px;
	visibility:visible;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	position: relative;
	clear: both;
}

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: