Position Absolute

**Superchecco83** · 20-01-2008, 14:13

Ciao a tutti.

Riscontro un problema per quanto riguarda la navigazione fra le varie pagine del mio sito.
Ho stabilito una serie di link contenuti all'interno di un DIV come percorso interno de sito.
Il tag DIV l'ho posizionato con un posizionamento assoluto. Aprendo la prima volta la home tutto è in ordine ma non appena mi sposto su qualsiasi altra pagina e poi ritorno con l'apposito link all'Homepage, il posizionamento assoluto non funziona più. Ho paura che sia un problema di percorso di definizione dei fogli di stile esterni, ma più controllo e più non riesco a trovare l'errore.

Ecco il codice html:

codice:

<div id="path"> Home </div>

ed il CSS:

codice:

div#path
{
    position: absolute;
	top: 60px;
	left: 240px;
	font-size: 14px;
}

div#path a:link
{
    color:8E9290;
	font-weight: bold;
	text-decoration: underline; 
}

div#path a:visited
{
    color:8E9290;
	font-weight: bold;
	text-decoration: underline; 
}

Spero almeno voi riusciate a capire dove può essere il problema. Grazie mille!

**Myaku** · 20-01-2008, 15:52

a parte il fatto che non ci hai messo il # davanti al valore dei colori,
hai un link da postarci così vediamo il codice completo?

**Superchecco83** · 20-01-2008, 16:11

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>IL MIO PRIMO SITO</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="CSS/stile2.css">
</head>

<body>
	<div id="container" >
        
  <div id="header"> 
     NOME SITO
	<div id="path"> Home  </div>
  </div>
        
  <div id="navigation"> 
    <ul >
      <li class="nav1" style="letter-spacing: 4px"> Diario 
      <li class="nav1" style="letter-spacing: 4px"> Photo Gallery 
      <li class="nav1" style="letter-spacing: 2px"> Passioni 
      <li class="nav1" style="letter-spacing: 6px"> Link Utili [/list]
			
  </div>
        
  <div id="content"> 

  

  	TESTO    
  </div>
    
  <div id="footer"> 
      <ul>[*]TESTO [/list]
    
  </div>
</div>


</body>
</html>

**Myaku** · 20-01-2008, 19:55

senza il css completo, come facciamo a fare delle prove?

comunque, ti consiglio anche di definire quel "NOME SITO" che cos'è (es un h, un p ...)

**Superchecco83** · 20-01-2008, 21:03

scusate ecco l'intero codice CSS:

codice:

html,body
{
	margin: 0px;
	padding: 0px;
	color: white;
	background-color: #B0B3AF;
	font-family: arial,sans-serif;font-size: 76%;text-align: center;
	
}

div#container
{
	width: 800px; margin: 0; padding: 0; text-align: left;
    border: 2px solid #36c; border-right: 2px solid #36c;
	background-image: url(../texture1.gif);
}


div#header
{
	text-align: center; font-size: 36px; color: white; 
	padding: 0.5 em; margin-bottom: 1em; background-image: url(../textureheader.gif);  
}

div#navigation
{
    float: left;
    width: 13em;
	margin-bottom: 60 em;
	margin-top: 4 em;
	
}

div#content
{
    margin-right: 6em;
	margin-bottom: 20em;
	text-align: justify;
	font-size: 14px;
	color: black;
	 
}

div#footer
{
	text-align:center; padding: 0.4em;
    background-image: url(../textureheader.gif); color: white; font-size: 18px;
	clear: left; margin-bottom: 0em;
}


div#navigation ul
{
    list-style-type: none;
	margin: 1em;
	
}

div#navigation li
{
    margin: 2em;
	
}

div#footer ul
{
    list-style-type: none;
}

div#path1
{
    position: absolute;
	top: 60px;
	left: 240px;
	font-size: 14px;
}

div#path1 a:link
{
    color:black;
	font-weight: bold;
	text-decoration: underline; 
}

div#path1 a:visited
{
    color: black;
	font-weight: bold;
	text-decoration: underline; 
}

div#navigation a:link
{
    color: black;
	font-size: 18px;
	text-decoration: none;
	
}

div#navigation a:visited
{
    color: black;
	font-size: 18px;
	text-decoration: none;
	
}

div#navigation a:hover
{
    color: white;
	font-size: 18px;
	text-decoration: underline;
	background-color: black;
	
}

div#content a:link
{
    color: blue;
	text-size: 16px;
	weight: bold;
	text-decoration: none;
}

div#content a:visited
{
    color: blue;
	text-size: 16px;
	weight: bold;
	text-decoration: none;
}

comunque, ti consiglio anche di definire quel "NOME SITO" che cos'è (es un h, un p ...)

è già definito, no? E' del testo inserito dentro il contenitore DIV. Sbaglio?

**Myaku** · 21-01-2008, 08:55

Ma stai ottimizzando per IE6? Vedo che su FF c'è qualche problema.
Explorer lascialo come ultimo, è quello che meno rispetta le specifiche; per lui ci sono i commenti condizionali.

Tornando al tuo codice, occhio agli errori sul css. Quello che mi salta all'occhio è che hai messo l'unità di misura staccata dal valore, invece va esempio: 2em e non 2 em.
Correggi e valida.

Facendo dei test in locale, comunque, passando a una pagina interna e ritornando alla home il layout rimane uguale. Prova a svuotare la cache del tuo browser.

è già definito, no? E' del testo inserito dentro il contenitore DIV. Sbaglio?

si ma che tipo di testo? esempio: un titolo? un paragrafo?

**Superchecco83** · 21-01-2008, 22:00

Ma stai ottimizzando per IE6? Vedo che su FF c'è qualche problema.

Onestamente si, diciamo che ho solo quello come browser, mi consigli di verificare con più di un browser? Adesso proverò anche con firefox.

Explorer lascialo come ultimo, è quello che meno rispetta le specifiche; per lui ci sono i commenti condizionali.

Commenti condizionali?? Ho seguito pedissequamente le guide del sito ma non ho incontrato quest'argomento. C'è qualcosa sul forum???

**Myaku** · 22-01-2008, 08:42

Originariamente inviato da Superchecco83
Onestamente si, diciamo che ho solo quello come browser, mi consigli di verificare con più di un browser? Adesso proverò anche con firefox.

assolutamente si. Personalmente, se stai usando Win (come mi pare di intuire), installerei sia FF che Opera - che, anche se non ha una percentuale altissima di utilizzatori, è forse ancora più aderente agli standard di FF.

Commenti condizionali?? Ho seguito pedissequamente le guide del sito ma non ho incontrato quest'argomento. C'è qualcosa sul forum???

si, sul forum ne abbiamo parlato, basta che fai una ricerca.
Comunque, la spiegazione la trovi anche
qui

**Superchecco83** · 23-01-2008, 19:22

Grazie mille dei consigli. Lettua interessante quella dei commenti condizionali.

Discussione: Position Absolute

Strumenti discussione

Ricerca discussione

Visualizza

Position Absolute

Permessi di invio