Layout con menu a destra e content allineato al logo

**Vinxi** · 30-01-2005, 16:34

Salve a tutti,

..forse il titolo non è chiaro..mi spiego meglio

Volevo creare un layout a due colonne e un logo in alto. Vorrei pero' fare in modo che il box di sinistra sia allineato verticalmente con l'immagine, mentre quello del menu sia alla sua destra..
Ci ho provato ma il problema è che il menu inizia dove il div testo finisce, ovvero è in basso a tutto sulla destra

Questo è il CSS:

codice:

body{
        text-align: center;
}
div#contenitore{
        margin: 0px auto;
        padding: 0px;
        width: 600px;
}
div#menu{
        float: right;
        width: 13em;
        text-align: left;
        background-color: white;
}
div#testo{
        margin-right: 10px;
        text-align: left;
        background-color: white;
}

Questo è il semplice HTML.

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Titolo</title>
    <link rel="stylesheet" href="../stili.css" type="text/css">
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
</head>
<body>
<div align="center">
 [img][/img]
</div>
<div id="contenitore">
    <div id="testo">
        dsajkasdòljsdlasdjadskl
    </div>
    
    <div id="menu">
        sdjsdlaksjadkldasj 2lk2jlkkjklasjdasklsa
    </div>

</div>
</body>
</html>

Grazie mille

**Vinxi** · 30-01-2005, 17:18

Risolto. Per chi fosse interessato, Il CSS diventa:

codice:

div#contenitore{
        margin: 0px auto;
        width: 720px;
        text-align: left;
}
div#menu{
        float: right;
        width: 160px;
        text-align: left;
}
div#testo{
        text-align: left;
        width: 550px;
        float: left;
}

Mentre l'HTML:

codice:

<div id="contenitore">
[img][/img]


<div id="testo">
        dsajkasdòljsdlasdjadskl sdds adsdsad adsasdasd asdsdaasd asd asd 
        dsasdasdasdasd asdad sasd dasas asd assadadsadsasdsd
    </div>
    
    <div id="menu">
        sdjsdlaksjadkldasj 2lk2jlkkjklasjdasklsa
    </div>

</div>

Discussione: Layout con menu a destra e content allineato al logo

Strumenti discussione

Ricerca discussione

Visualizza

Layout con menu a destra e content allineato al logo

Permessi di invio