Ok, probabilmente ho sbagliato a postare solo una parte del codice... perchè c'è anche un header ed un footer... magari è questo che sballa...
Questo è il codice intero:
CSS
Codice PHP:
div#container {
border: none;
text-align: left;
width: 981px;
}
div#leftcol {
border: none;
clear: both;
float: left;
line-height: 19px;
padding: 5px;
width: 190px;
}
div#content {
border: none;
float: left;
line-height: 19px;
padding: 5px;
width: 541px;
}
div#rightcol {
border: none;
float: left;
line-height: 19px;
padding: 5px;
width: 220px;
}
html,body {
margin:0;
padding:0;
}
body {
font: 12px arial, sans-serif;
color: #000000;
}
div#redlevel {
position: absolute;
height:25px;
margin-left: 240px;
top: 103px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
div#redlevel a:link{
color: #FFFFFF;
text-decoration: none;
}
div#redlevel a:hover{
color: #FFFFFF;
text-decoration: none;
background-color: #000000;
}
div#orangelevel {
position: absolute;
height:25px;
margin-left: 240px;
top: 128px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
div#orangelevel a:link{
color: #FFFFFF;
text-decoration: none;
}
div#orangelevel a:hover{
color: #FFFFFF;
text-decoration: none;
background-color: #000000;
}
div#yellowlevel {
position: absolute;
height:25px;
margin-left: 240px;
top: 153px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #DF0101;
}
div#yellowlevel a:link{
color: #DF0101;
text-decoration: none;
}
div#yellowlevel a:hover{
color: #FFFFFF;
text-decoration: none;
background-color: #000000;
}
.limelevel {
position: absolute;
height:25px;
margin-left: 240px;
top: 180px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #DF0101;
}
.limelevel a:link{
color: #DF0101;
text-decoration: none;
}
.limelevel a:hover{
color: #000000;
text-decoration: underline;
}
div#header {
height:205px;
margin:0;
background-attachment: scroll;
background-image: url(backheader.gif);
background-repeat: repeat-x;
background-position: left top;
}
div#footer {
clear:left;
width:100%;
height:47px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
background: #df0101;
}
div#footer a:link {
color: #FFFFFF;
text-decoration: none;
}
div#footer a:hover {
color: #FFCC00;
text-decoration: underline;
}
div#footer a:visited {
color: #FFCC00;
text-decoration: line-through;
}
.topleft {
background-attachment: scroll;
background-image: url(headerleft.gif);
background-repeat: no-repeat;
background-position: left top;
}
.topright {
background-attachment: scroll;
background-image: url(headerright.gif);
background-repeat: no-repeat;
background-position: right top;
}
.type {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: italic;
font-weight: normal;
color: #FFFFFF;
text-align: left;
}
.name {
font-family: Arial, Helvetica, sans-serif;
font-size: 50px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
margin-left: -17px;
}
.toprounded {
background-attachment: scroll;
background-image: url(boxtop.gif);
background-repeat: no-repeat;
background-position: left top;
}
.bottomrounded {
background-attachment: scroll;
background-image: url(boxbottom.gif);
background-repeat: no-repeat;
background-position: left top;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
color: #df0101;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #df0101;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000000;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
line-height: 14px;
}
p {
text-align: justify;
}
.myform{
margin:0 auto;
width:170px;
padding:6px;
}
#basic label{
display:block;
font-weight:bold;
text-align:right;
width:50px;
float:left;
}
#basic input{
float:right;
width:100px;
margin:2px 0 2px 2px;
}
#basic button{
clear:both;
float:right;
margin:2px 0 2px 2px;
/*margin-left:35px;*/
background:#000000;
color:#FFFFFF;
border:solid 1px #f5df87;
font-size:10px;
font-weight:bold;
padding:3px 5px;
}
.footleft {
background-attachment: scroll;
background-image: url(footerleft.gif);
background-repeat: no-repeat;
background-position: left top;
}
.footright {
background-attachment: scroll;
background-image: url(footerright.gif);
background-repeat: no-repeat;
background-position: right top;
}
.news {
text-align: justify;
font-size: 11px;
}
HTML
Codice PHP:
<div id="redlevel">[url="dirigenza.php"]DIRIGENZA[/url] | [url="docenti.php"]DOCENTI[/url]
| [url="regolamenti.php"]REGOLAMENTI[/url] | <a href="sicurezza.php">SICUREZZA
E SCUOLA</a> | [url="scuolasocieta.php"]SCUOLA E SOCIETA'[/url]
| [url="pof.php"]P.O.F.[/url]</div>
<div id="orangelevel">[url="calendario.php"]CALENDARIO[/url] | [url="orario.php"]ORARIO LEZIONI[/url] | [url="compsez.php"]COMP. SEZIONI[/url] | [url="studentifam.php"]STUDENTI & FAMIGLIE[/url] | [url="corsi.php"]CORSI[/url] | [url="eventi.php"]EVENTI[/url]</div>
<div id="yellowlevel">[url="storia.php"]STORIA DELLA SCUOLA[/url] | [url="servizi.php"]SERVIZI[/url] | [url="mappa.php"]MAPPA dell'ISTITUTO[/url] | [url="sitemap.php"]MAPPA del SITO[/url] | [url="link.php"]LINK[/url] | [url="contatti.php"]CONTATTI[/url]</div>
<div id="sub1" class="limelevel">[url="dirigente.php"]Dirigente Scolastico[/url] | [url="staff.php"]Staff di Direzione[/url] | [url="segreteria.php"]Segreteria[/url]</div>
<div class="container"><div id="header">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr height="198">
<td width="237" class="topleft"></td>
<td align="left" valign="top" class="topright">[img]empty.gif[/img]<span class="type">Istituto
Tecnico Commerciale Turistico</span>
<span class="name"> Rocco Scotellaro</span></td>
</tr>
</table>
</div>
<div id="wrapper"> </div>
<div id="leftcol">[img]empty.gif[/img]
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="toprounded"></td>
</tr>
<tr>
<td align="center" valign="top" bgcolor="#f5df87"><table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top" class="news"><h3>Le ultime news...</h3>
<h4>News nr 1</h4>
Column text long column make silly long text filler silly very very very long filler fill very fill silly very make make filler text filler text make silly text text long fill fill make text fill long text very silly long long filler filler fill silly long make column make silly long column long make very...<h4>News nr 2</h4>
Column text long column make silly long text filler silly very very very long filler fill very fill silly very make make filler text filler text make silly text text long fill fill make text fill long text very silly long long filler filler fill silly long make column make silly long column long make very...</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="bottomrounded"></td>
</tr>
</table>[img]empty.gif[/img]<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="toprounded"></td>
</tr>
<tr>
<td align="center" valign="top" bgcolor="#f5df87"><div id="basic" class="myform"><form action="autenticazione.php" method="post" name="login"><label>Userid</label><input type="text" name="userid" id="userid" />[img]empty.gif[/img]
<label>Password</label><input type="text" name="password" id="password" /><button type="submit">Login</button></form></div>
</td>
</tr>
<tr>
<td class="bottomrounded"></td>
</tr>
</table>[img]empty.gif[/img]</div>
<div id="content"><h1>Titolo principale</h1> Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Donec dapibus. Nunc hendrerit urna sed nisl. In hac habitasse platea
dictumst. Phasellus augue enim, adipiscing a, sagittis ut, pharetra pretium,
neque. Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Praesent non est quis arcu aliquet lacinia. Donec
feugiat neque eu neque. Vivamus enim nibh, ornare sed, pulvinar a, ullamcorper
quis, nulla. In hac habitasse platea dictumst.
<h2>Primo titoletto</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec dapibus.
Nunc hendrerit urna sed nisl. In hac habitasse platea dictumst. Phasellus
augue enim, adipiscing a, sagittis ut, pharetra pretium, neque. Pellentesque
habitant morbi tristique senectus et netus et malesuada fames ac turpis
egestas. Praesent non est quis arcu aliquet lacinia. Donec feugiat neque
eu neque. Vivamus enim nibh, ornare sed, pulvinar a, ullamcorper quis,
nulla. In hac habitasse platea dictumst.
</div>
<div id="rightcol">[img]empty.gif[/img][img]img1.jpg[/img][img]empty.gif[/img][img]img2.jpg[/img]</div><div id="footer">
<table width="100%" height="47" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="footleft"></td>
<td align="center" valign="middle">ITC R. Scotellaro - 2009/10 | design
& deveoplment: <a href="http://www.metatad.it" target="_blank">[b]studio
tad[/b]</a></td>
<td class="footright"></td>
</tr>
</table>
</div>
<div style="clear: both;"></div>
</div>
E questo è il risultato:
Come puoi vedere, mi lascia uno spazio esagerato sulla destra...
Rispondi quotando
