Newsgroup: it.comp.www.html
Titolo: Help per sistemare il layout css

Codice XHTML :  (parte interessata)
<!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
" xml:lang="it" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>layout tre colonne con CSS</title>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
<script type="text/javascript">
<!--
function altezze(){
 co1 = document.getElementById('colo01').offsetHeight;
 co2 = document.getElementById('colo02').offsetHeight;
 co3 = document.getElementById('colo03').offsetHeight;
 altok = co1;
 if (co2 > altok) altok = co2;
 if (co3 > altok) altok = co3;
 altokok = co1;
 if (co2 < altokok) altokok = co2;
 if (co3 < altokok) altokok = co3;
 document.getElementById('colo01').style.height = altok + 'px';
 document.getElementById('colo02').style.height = altok + 'px';
 document.getElementById('colo03').style.height = altok + 'px';
 document.getElementById('cont02').style.height = altokok + 'px';
}
//-->
</script>
</head>
<body onload="altezze()">
<div id="head01"><!-- inizio head01 -->
    <div>BANNER DEL SITO</div>
</div><!-- fine head01 -->
  <div id="head02">  <!-- inizio head02 -->
    Login
 Registati
 <span id="mamma"> Ultima modifica : 17-07-2003</span>
    </div><!-- fine head02 -->
CODICE CSS (parte interessata) :
body {
width: 100%;
font-family: arial, sans-serif;
font-size: 12px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background: #fff;
color: #ffffff
}
#head01 {
display: block;
margin-top: 0;
margin-bottom: 0;
border-top: 1px solid #666;
border-right: 0;
border-bottom: 1px solid #666;
border-left: 0;
height: 60px;
color: #666;
background-color: #ffffff
}
#head02 {
display: block;
margin-top: 10px;
margin-bottom: 0;
border-top: 1px solid #666;
border-right: 0;
border-bottom: 1px solid #666;
border-left: 0;
height: 20px;
color: #666;
background-color: #e0e0e0
}
#mamma {
clear: right;
display: inline;
float: right;
}
Praticamente io voglio che
LOGIN E REGISTER siano sulla stessa riga di "Ultimo aggiornamento" ma LOGIN
E REGISTER devono stare a sinistra....ULTIMO AGGIORNAMENTO A DESTRA.
Ho provato in tutti i modi che conoscevo... span div p float display... ma
niente da fare...
chi mi aiuta?
Grazie in anticipo
Serse

 ha scritto nel messaggio
news:bgbopf$1ifr$1...@newsreader2.mclink.it...
Risolto questo problema
Per chi volesse la soluzione eccola (era semplice semplice :-))
XHTML
  <div id="head02">  <!-- inizio head02 -->
    <span id="sinistra">
  Login Registati
  </span>
 <span id="destra"> Ultima modifica : 17-07-2003</span>
    </div><!-- fine head02 -->
CSS
#sinistra {
float: left;
}
#destra {
float: right;
}
Invece ora mi sorge un altro problema...
Nell'ultimo DIV (il footer) ho un testo di copyright...beh come diavolo
centro il testo al suo interno?
In html è semplice ma con i css?
Text-align non funziona... neanche con display:inline...
position con margin non mi pare una soluzione buona...
Come fare dunque?
In html basta mettere <div align="center">BlaBlaBla</div>
Consigli?
Ric.

 ha scritto nel messaggio
news:bgg53a$407$1...@newsreader2.mclink.it...

a me funziona (con CSS in linea): <div
style="text-align:center">Copyright</div>
|
| Consigli?
| Ric.
|