posizionare menù a destra

**iBat** · 19-02-2005, 15:28

salve a tutti. sto facendo un sito completamente in css e devo riuscire a posizionare un div a destra(per fare un menù a destra).ero insicuro se postare qui o nella sezione css, però penso che qui sia più inerente

come posso fare a mettere il div "#menu" a destra?

codice:

(html della pagina)

codice:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Titolo</title>
<link href="stile.css" rel="stylesheet" type="text/css">
</head>

<body>
<center>
<div align="left" id="raccoglitore">
  <div id="header"></div>
  
<div id="menu"></div>
</div>
</center>
</body>
</html>

(css)

codice:

#raccoglitore{
	width: 760px;
	height: 1000px;
	border: 1px dotted #000;
	background-image:url(immagini/pattern-sfondo.jpg);
}

#header{
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	width: 745px;
	height: 170px;
	background-image:url(immagini/pattern-menu.jpg);
}

#menu{
	margin-left: 15px;
	margin-right: 10px;
	width: 180px;
	height: 500px;
	background-image:url(immagini/pattern-menu.jpg);
}

pensavo di fare qualcosa tipo align="right" per mettere il div "#menu" a destra, ma non funziona

**var** · 19-02-2005, 16:49

prova con float:right.

ciao

**iBat** · 19-02-2005, 16:53

Originariamente inviato da var
prova con float:right.

ciao

mi rimane sfasato.. cioè, rimane come se ci fossero 10px di margin in più.. va be, tolgo il margin-right dal css

grazie

**floyd46** · 19-02-2005, 17:26

#menu{
margin-left: 15px;
margin-right: 10px;
width: 180px;
height: 500px;
background-image:url(immagini/pattern-menu.jpg);
}

attenzione alle dimensioni (width) del tuo menu;
in questo caso la larghezza totael è di 205px;
se elimini il margin-right:10px la sua larghezza è di 195px.
Non hai + i 180px iniziali. Tieni conto di questo; è la regola del box-model.
saluti

**iBat** · 19-02-2005, 17:33

Originariamente inviato da floyd46
#menu{
margin-left: 15px;
margin-right: 10px;
width: 180px;
height: 500px;
background-image:url(immagini/pattern-menu.jpg);
}

attenzione alle dimensioni (width) del tuo menu;
in questo caso la larghezza totael è di 205px;
se elimini il margin-right:10px la sua larghezza è di 195px.
Non hai + i 180px iniziali. Tieni conto di questo; è la regola del box-model.
saluti

si, questo lo so. comunque ora ho uppato la prima bozza mettendo il float come ha consigliato var e sembra essere a posto

Discussione: posizionare menù a destra

Strumenti discussione

Ricerca discussione

Visualizza

posizionare menù a destra

Re: posizionare menù a destra

Re: Re: posizionare menù a destra

Permessi di invio