Buon giorno a tutti!
Oggi devo proprio essere esaurito dato che sono fermo su un problema banale come pochi..
Se non sbaglio le dimensioni dei blocchi espresse in % hanno significato rispetto al contenitore, quindi impostando le cose in questo modo:
codice css
ed un file html normalissimo come:codice:body{ height:100%; width: 100%; margin: 0; padding: 0; } #container { height: 100%; width: 100%; } #header{ height: 30%; width: 100%; } #mybody{ height: 55%; width: 100%; } #footer{ height: 15%; width: 100%; }
i blocchi header, mybody e footer dovrebbero occupare rispettivamente il 30%, 55%, 15% della pagina ed invece non lo fannoooo!!!codice:<!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> <link rel="stylesheet" href="style.css" type="text/css" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Scheletro</title> </head> <body> <div id="container"> <div id="header"></div> <div id="mybody"></div> <div id="footer"></div> </div> </body> </html>
Spreste dirmi il motivo??
Rispondi quotando
