Allora, io vorrei realizzare una pagina di questo genere
Il fatto è che come al solito non riesco a fare i posizionamenti con i div!
Ecco il codice della pagina:
codice:
<?xml version="1.0" encoding="iso-8859-1"?>
<!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>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="top">top</div>
<div id="time">time</div>
<div id="menu">menu</div>
<div id="cerca">cerca</div>
<div id="login">login</div>
<div id="poll">poll </div>
<div id="principale">principale
</div>
</body>
</html>
...ed ecco il css...
codice:
body {
margin: 0px;
position: relative;
}
div#top {
border: 2px outset;
width: 80%;
height: 14%;
margin-bottom: 2%;
}
div#time {
border: 2px outset;
width: 15%;
height: 14%;
position: absolute;
top: 0%;
right:0%;
margin-bottom: 2%;
}
div#menu {
border: 2px outset;
width: 170px;
float: left;
}
div#principale {
border: 2px outset;
/*width: 100%;*/
position: absolute;
top: 20%;
left: 200px;
right: 200px;/*
margin-left: 200px;
margin-right: 200px;*/
}
div#cerca {
border: 2px outset;
width: 170px;
float: right;
}
div#login {
border: 2px outset;
width: 170px;
float: bottom;
}
div#poll {
border: 2px outset;
width: 170px;
float: bottom;
}
Grazie in anticipo anche solo per aver letto sto lunghissimo post!
Byez