Autor Zpráva
Petr94
Profil
Dobrý den,
(předem se omlouvám za hloupý dotaz)
už několik dní se snažím vyřešit tento problém:
potřebuji na svých stránkách mít patičku, která bude:
1) Na spodním okrají prohlížeče pokud bude textu málo.
2) Na konci stránky, když bude potřeba rolovat.

Plaváčkův způsob mi nefunguje (nebo ho nedokážu použít) a ani z ostatních diskuzí mi nic nepomohlo.

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Web</title>

<style type="text/css">
html, body {
height: 100%;
}



body  {
background: url('pozadi.jpg') white repeat-x top;
}

       
        
.nazev   {
position: relative;
top: 10px
}

.menu	{
position:relative;
top:20px;
color: white;
font-size: 14pt;
}


.navigace	{
background-color: #F5F5F5 ;
width: 125px;
height: 300px;
position: absolute;
top: 150px;
right: 80% 
 
}

.novinky	{
	background-image:url('novinky.png');
	width:148px;
	height: 538px; 
	position: absolute ;
	top: 140px;
	left: 80% 
}



.novinky_tabulka {
	width: 100%;
	height: 100%;
	max-width: 100%;
}


.novinky_datum	{
	font-size: 10px;
	color:#CCCCCC;
}

.novinky_text	{
	font-size: 14px;
	color: white; 
}


.textnadpis  {
color: rgb(32,32,32);
font-size: 30pt;
}

.obsah	{
position:absolute;
top:130px;
left: 25%; 
width:50%;
height:auto;

}


</style>


</head>

<body>


<!-- Název webu --> 
<center>
<img src="nazev.jpg"  alt="Název webu" class="nazev"/>
</center>

<!-- Menu -->  
<div align="center"  class="menu"  >
Úvod † Projekty † Kontakt</div>

<!-- Navigace -->

<div class="navigace">
aaa
</div>


<!-- Obsah webu -->
<div class="obsah" >
<div class="textnadpis"> Úvodem</div>
Text úvodem ... text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text
</div>


<!-- Novinky -->
<div class="novinky">
<table align="left" class="novinky_tabulka" cellpadding="0" cellspacing="15" >
<tr><td style="height: 30px">
</td></tr>

<tr><td class="style1" valign="top">


<div class="novinky_datum">
&nbsp;13.1.2012
</div>
<div class="novinky_text">
Událost
</div>

</td></tr>
</table>
</div>


</body>

</html>



Díky, Petr
panther
Profil
Petr94:
Plaváčkův způsob mi nefunguje (nebo ho nedokážu použít)
spíše to druhé.

Jestli to, co jsi se nahrál, je celé CSS, tak ti tam poměrně dsot řádků od Plaváčka chybí.
Plaváčkova patička funguje dobře, jeho řešení si zkopíruj k sobě, postupně si soplň jeho CSS svým, jeho HTML nahrazuj svým. K řešení se dostaneš.
Petr94
Profil
Ok, díky =)
RockFire
Profil
A nezapomeň na hack pro operu. Plaváček ho má jen ve zdrojáku a v článku není zmíněn.
/* Opera 9.5+  hack, mozna najdete nekdo i jine reseni  */
@media all and (min-width: 0px){ 
  #main { 
     display: table;
	 height: 100% 
  } 
} 
/* Opera 9.5  hack, mozna najdete nekdo i jine reseni  */

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: