[CSS] posizionamento div

**ale500** · 09-08-2003, 18:59

salve a tutti, nella nuova truttura del mio sito ho in alto 2 div (in itliano non ho ancora capito come si chiamano

) uno contenente l'header (una immagine 760x70px) e il secondo div dovrebbe contenere il menu...

vorrei che il secondo div coincidesse con la fine del primo ma non riesco a posizionarlo nella maniera giusta...

inoltre ho impostato il colore di sfondo del primo livello su verder ma l'ho ridimensionato in questo modo

codice:

#header {
width:760px;
height:70px
}

ma in basso c'è uno spessore di circa un millimetro e se diminuisco ancora l'altezza non fa niente...perchè???

come posso poi posizionare il livello menu subito sotto al primo...grazie.

**massimiliano d.** · 09-08-2003, 21:50

Puoi postare il codice ?

massimiliano d.

**blukarma** · 10-08-2003, 11:30

ho il tuo stesso problema

http://forum.html.it/forum/showthrea...hreadid=499533

sti ca##o di css non mi funzionano proprio

**secan** · 10-08-2003, 22:17

Probabilmente la risposta è banale e avrai già fatto questo tentativo:
#header {position: absolute; top: 0 px; ...; height: 70 px}
#menu {position: absolute; top: 70 px; .......}

**ale500** · 11-08-2003, 12:54

x SECAN
avevo già provato ma niente...

x CHI VOLESSE AIUTARMI:

codice:

...

/*corpo della pagina */

body {text-align:center;}
	
/*livello header*/

#header {
position:absolute;
width:760px;
height:50px;
background:#00FF00;
border:1px solid #000000;
text-align:center;
top:0;
left:20px; 
}
</style>
</head>
<body>

<div id="header">
  [img]Layout/header.jpg[/img]
</div>

  <div id="menu">
    <table width="100%">
      <tr>
        <td width="20%">
          <ul class="menu">
  	[*]Home
	[/list]
        </td>
        <td width="20%">
	  <ul class="menu">
	[*]Storia
	[/list]	
        </td>
        <td width="20%">
	  <ul class="menu">
	[*]Galleria
	[/list]
        </td>
        <td width="20%">
	  <ul class="menu">
	[*]Informazioni
	[/list]
        </td>
        <td width="20%">
	  <ul class="menu">
	[*]Servizi
	[/list]
        </td>
      </tr>
    </table>
  </div>
...

ho provato a levare l'immagine e mi riduce l'altezza del livello ma queando la rimette compare ancora il bordo maledetto....

aiuto....

**blakwolf** · 11-08-2003, 14:06

http://forum.wedev.it/index.php?act=ST&f=14&t=127&

**ale500** · 11-08-2003, 14:16

bug maledetti...grazie black

adesso funzica tutto alla perfezione.....

ciò vuol dire che non devo usare più la tecnica dell'indentatura????

e cmq come faccio a far si che alla fine del primo layer inizi subito il secondo???

grazie.

**blakwolf** · 11-08-2003, 14:17

o setti il font size globale a 0px però crea poi altri problemi o scrivi tutti gli elementi dopo quelli block in linea

tipo

<div><table>
<tr>

ecc

**ale500** · 11-08-2003, 16:17

ok...più vado avanti e più questi css maledetti mi stanno sui cosiddetti...

non esiste da qualche parte un articolo che dice per ogni tag quali sono le proprietà CSS che accetta????

poi

ho fatto questa pagina:

codice:

<!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" lang="it">
<head>
<title></title>
<style type="text/css">
/* body */
body {
 text-align:center;
 font:12px Verdana, Arial, Helvetica, sans-serif;
}

table.menu1 td {
 text-align:center;
 height:20px;
}

table.menu1 td a {display:block; text-decoration:none;}

/* menu */
#menu {
 text-align:center;
 border:1px solid #000000;
 top:0px;
 height:20px;
 width:760px
}

/* opzioni */
#opzioni {
 position:absolute;
 height:20px;
 width:200px;
 text-align:center;
 border:1px solid #000000;
 top:40px;
}

</style>

<script language="Javascript">
<!--


function sposta(n){
var e=document.getElementById("opzioni");
alert(e.style.top);
}

//-->
</script>

</head>
<body>
<div style="display:none">Questo sito utilizza un XHTML menù non compatibile con il tuo browser. Utilizza i link a piè di pagina per la navigazione, grazie.</div>
<div id="menu"><table border=0 cellspacing=0 cellpadding=0 width="100%" class="menu1">
<tr>
<td class="menu1" width="20%">Home</td>
<td class="menu1" width="20%">Foto</td>
<td class="menu1" width="20%">Interattività</td>
<td class="menu1" width="20%">Informazioni</td>
<td class="menu1" width="20%">Servizi</td>
</tr>
</table></div>
<div id="opzioni"></div>
</body>
</html>

ed ho i seguenti problemi...se il div menu lo imposto alto come 20 e top=0 per posizionare il secondo div subito sotto basta che faccio top=22px giusto?????

ed invece non va bene....

poi voglio fare in modo che il link prenda tutto lo spazio disponibile nella cella (quello che stò cercando di fare è una specie di menu) e per questo ho fatto display:block...giusto????

ed invece mi funziona soltanto con la prima cella...

poi vorrei sapere che valore ha la proprietà left del primo div...ovvero vorrei sapere a che distanza stà il primo div da sinistra...ma se faccio nome_div.style..left non mi dice niente mentre se prima il valore lo imposto si ....ma allora come faccio?????

perchè.....perchè a tutto questo??????

cosa ho fatto di male

**ale500** · 14-08-2003, 22:59

up plaese....

perchè se imposto display:block mi funziona soltanto sulla prima cella????

come faccio a sapere che valore ha la proprietà left del primo div????

come faccio a fare in modo che i collegamenti all'interno del div siano divisi da una barra orizzontale uno dall'altro????

grazie.

Discussione: [CSS] posizionamento div

Strumenti discussione

Ricerca discussione

Visualizza

[CSS] posizionamento div

posta il codice

Permessi di invio