[css] Problema altezza colonne
Ho usato il servizio csscreator per farmi una basi di quello che dovrebbe essere un template, ma ho un problema.
il template è composto da due colonne e appena scrivi un po' di più in una l'altra rimane più corta...
i file sono questi:
css
Codice PHP:
/* generated by csscreator.com */
html, body{
margin:0;
padding:0;
text-align:center;
background:url("http://forum.it.altervista.org/images/sfuma.png") repeat-x;
}
#pagewidth{
width:756px;
text-align:left;
margin-left:auto;
margin-right:auto;
}
#header{
position:relative;
height:143px;
background:url("http://forum.it.altervista.org/images/banner.png");
width:100%;
}
#leftcol{
width:25%;
float:left;
position:relative;
background-color:#D0FFFF;
}
#maincol{
background-color: #FFFFFF;
float: right;
display:inline;
position: relative;
width:75%;
}
#footer{
height:20px;
background-color:#E6BFA6;
clear:both;
}
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*printer styles*/
@media print{
/*hide the left column when printing*/
#leftcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}
pagina
Codice HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>CssCreator-->HTML 4.01 Strict Template</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="generator" content="www.csscreator.com">
<link rel="stylesheet" href="688394.css" type="text/css">
</head><body>
<div id="pagewidth">
<div id="header"></div> <!-- Sembra una cosa inutile, ma se lo levi il banner non appare piu -->
<div id="wrapper" class="clearfix">
<div id="maincol"> Main Content Column </div>
<div id="leftcol"> Left Column </div>
</div>
<div id="footer"> Footer
</div>
</div>
</body></html>
cosa c'è di sbagliato?
