Salve ragazzi, da un corso sul css del sito html.it ho travoto un modello a due colonne .... adesso dovrei modificarlo per eliminare la colonna di destra e rendere la lunghezza pari a quella del browser (height: 100%).
La pagina è la seguente:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Negative Margins Layout</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
html,body{margin:0;padding:0}
body{font:100.01% Arial,sans-serif}
p{margin: 0 0 1em;line-height:1.4}
div#container{width: 100%;background: url(col2.jpg) repeat-y left}
div#container2{background: url(col.jpg) repeat-y right}
div#header{background: #555B65;color: #FFF}
div#header h1{margin:0 0 20px;padding: 10px;font-size: 200%}
div#wrapper{float: left;width: 100%;margin-left: -200px}
div#sidebar{float: right;width: 180px;
margin-right: 10px;display: inline;font-size: 80%}
div#nav{float: left;width: 180px;display: inline;
margin:0 10px 0 210px;font-size: 80%}
div#content{margin: 0 10px 0 410px;
height:auto !important;height: 1%}
div#footer{clear: both;padding: 3px 10px;background: #959FB1}
</style>
</head>
<body>
<div id="container">
<div id="container2">
<div id="header"><h1>Logo here</h1></div>
<div id="wrapper">
<div id="nav">
nav.
</div>
<div id="content">
content.</p>
</div>
</div>
<div id="sidebar">
sidebar.</p>
</div>
<div id="footer">
footer goes here
</div>
</div>
</div>
</body>
</html>
Che modifica dovrei fare?
Grazie ragazzi
Rispondi quotando
