Ciao ragazzuoli,
una domanda banale...
ho fatto una prova di layout fluido dentro il quale ho inserito un form di larghezza 500px.
È normale che stringendo molto la finestra il bordo del contenitore principale si sovrapponga al form? Oppure si dovrebbe fermare ad altezza del form?
Grazie e scusate della banalità...
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="css.css">
<title></title>
</head>
<body>
<div id="centrato">
<div id="header"></div>
<div id="content">
<div id="form">
<form action="login.php" method="post" class="login">
<fieldset>
<legend>Accedi</legend>
- <label for="uname">Username</label> <input id="uname" name="uname">
- <label for="password">Password</label> <input id="passw" type="password" name="passw">
<input type="submit" class="submit" value="Invio">
</fieldset>
</form>
</div>
</div>
<div id="footer"></div>
</div>
</body>
</html>
codice:
body {
margin: 0;
padding: 0;
}
#centrato {
margin: 0 10%;
border: 2px solid red;
min-height: 600px;
}
#header {
border: 2px solid black;
background: green;
height: 100px;
}
#content {
min-height: 400px;
}
#content #form {
margin:0px 10%;
}
#footer {
border: 2px solid blue;
background: red;
height: 100px;
}
Rispondi quotando
