[css] Problema nel modificare le dimensioni di un box
Salve,
questa è la parte dei CSS interessata:
Codice:
div.menù
{
position:absolute;
background-color:#FFF;
border-color:#CCC;
border-style:outset;
margin-top:0px;
margin-left:30px;
width:1155px;
height:50px;
}
div.body
{
position:absolute;
background-color:#FFF;
border-color:#CCC;
border-style:outset;
attachment-repeat:repeat-y;
margin-top:60px;
margin-left:30px;
width:700px;
}
div.colonna
{
position:absolute;
background-color:#FFF;
border-color:#CCC;
border-style:outset;
attachment-repeat:repeat-y;
margin-top:60px;
margin-left:745px;
width:450px;
}
Questo è il listato della pagina index:
Codice PHP:
<?php
echo('
<html>
<head>
<title>Home</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
');
include('/blog/config.php');
echo('
<body>
<div class="logo">
<div class="testa">
<a href="/blog/registrazione.php">Registrati</a> | <a href="/blog/login.php">Loggati</a> | <a href="/blog/logout.php">Logout</a><br>
</div>
</div>
<div class="menù">Prova</div>
<div class="body">
<table width="700px;">
<tr><td colspan="3"><h1>Ultimi Articoli</h1></td></tr>
');
$query="SELECT*FROM articoli ORDER BY data DESC";
$result=mysql_query($query, $conn) or die ("Errore: ".mysql_error());
while($assoc=mysql_fetch_assoc($result))
{
echo('
<tr>
<td><strong>'.$assoc['titolo']. '</strong></td>
<td>'.$assoc['autore']. '</td>
<td>'.$assoc['data'].'</td>
</tr>
<tr>
<td colspan="3">'.$assoc['testo'].'</td>
</tr>
');
}
echo('
</table>
</div>
');
echo('
<div class="colonna">
<table width="450px;">
');
$query="SELECT*FROM articoli WHERE rubrica='marxismo' ORDER BY data DESC";
$result=mysql_query($query, $conn) or die ("Errore: ".mysql_error());
$assoc=mysql_fetch_assoc($result);
rubrica($assoc['rubrica']);
while($assoc=mysql_fetch_assoc($result))
{
echo('
<tr>
<td><h2>'.$assoc['titolo']. '</h2></td>
<td>di <i>'.$assoc['autore']. '</i></td>
<td>'.$assoc['data'].'</td>
</tr>
<tr>
<td colspan="3">'.$assoc['testo'].'</td>
</tr>
');
break;
}
echo('
</table>
</div>
');
echo('</body></html>');
?>
Non riesco a modificare le dimensioni di quella che sarà la barra del menù. Regolato dal div.menù. Il problema è che non riesco a modificarne la larghezza. E' come se per qualche motivo fosse sintonizzato con la larghezza del box dei post, regolato dal div.body.
Ecco uno screenshot della pagina; come vedete il box (dove sta scritto "prova")rimane della stessa larghezza dello spazio dei post sottostante, ch'è di 700px, mentre il box sopra è regolato per 1155px; (la somma del box dei post più quello della colonna a lato).
http://hardwarepsiche.altervista.org/index.png
Qualcuno sa spiegarmi cosa sto sbagliando? grazie.
