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>
              
  1. <label for="uname">Username</label> <input id="uname" name="uname">
  2. <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;
}