#1 · Zasláno:
29. 3. 2007, 21:01:06 · Upravil/a: fanky
nevíte prosím, kde dělám chybu?
potřeboval bych patičku umístit až pod ten div master, ale nedaří se a zasahuje do formuláře
HTML
<div id="master">
<h2>Objednávkový formulář</h2>
<!--objednavkovy formular-->
<form action="rand.php" method="post" name="formular" id="formular">
<table width="70%" border="0" cellpadding="0" cellspacing="10">
<tr>
<td><fieldset><legend class="style1">Kontaktní informace</legend>
<p class="form">
<label><span class="style2">Jméno</span>
<input name="jmeno" type="text" id="jmeno" size="30" maxlength="70">
</label>
</p>
<p class="form">
<label><span class="style2">E-mail</span>
<input name="email" type="text" id="email" value="@" size="30" maxlength="70">
</label>
</p>
</fieldset>
</td>
</tr>
<tr>
<td><fieldset>
<legend class="style1">Objednávací kód</legend>
<p class="form">
<label><span class="style2">Obj. kód</span>
<input name="code" type="text" id="code" size="20" maxlength="50">
</label>
</p>
</fieldset>
</td>
</tr>
<tr>
<td><fieldset><legend class="style1">Zpráva</legend>
<p class="form">
<label>
<textarea name="zprava" cols="40" rows="6" id="zprava"></textarea>
</label>
</p>
</fieldset> </td>
</tr>
<tr>
<td><fieldset><legend class="style1">Odeslat zprávu</legend>
<p class="form">
<input type="submit" name="Submit" value="Potvrdit">
</p>
</fieldset> </td>
</tr>
</table>
</form>
<!--objednavkovy formular end-->
</div>
<div id="paticka">© <a href="index.html">Bla Bla</a>, 2007. Všechna práva vyhrazena</div>
CSS
#master {
width: 750px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
}
#master p {
text-align: justify;
text-indent: 5%;
line-height: 190%;
}
.style1 {
font-size: 1em;
font-weight: bold;
color: #699d00;
padding: 7px 3px 10px 3px;
}
.style2 {
font-size: 1.1em;
font-family: Georgia, "Times New Roman", Times, serif;
color: #699d00;
font-weight: normal;
}
fieldset {
padding-left: 10px;
margin-bottom: -8px;
border: 1px solid #699d00;
}
p.form {
margin-bottom: 10px;
}
#paticka {
position: absolute;
width: 100%;
height: 20px;
bottom: 0;
left: 0;
font-size: 90%;
text-align: center;
}
a ještě jak se dá odsadit ten formulář od levého okraje toho divu, margin-left mi nebeha v opeře
díky moc
EDIT: Tak jsem to vyřešil zrušením absolutního pozicování, ale nevím proč to absolutní nefunguje, jen ještě nevím jak odsadit ten formulář od okraje