[CSS] Posizione semplice

[notexpert]

Salve, ho un problema con un layout a tre colonne:
http://mathematikoi.altervista.org/S...lo-limite.html
La colonna di destra, (div id="extra")
pur avendo , nel css allegato proprietà:

div#extra{position: absolute; 
top: 240 px; /*l' altezza dell' header*/
left: 780px;
width: 160px; 
width:170px; 
width:160px; 
padding: 0 0 10 % 0;
}

"Collassa" sul testo scritto nell'header e anche cambiando i valori di top, non si ottiene nessun risultato

Inoltre, sempre nel css ho stabilito le proprietà

div#extra { border-top: medium double blue; }
div#extra { border-right: medium double blue; }
div#extra { border-left: medium double blue; }
div#extra { border-bottom: medium double blue; }

Ora, questo dovrebbe creare un borno lungo tutto il div.. perché non funziona?

Spero che possiate aiutarmi..

[KillerWorm]

Ciao,
c'è qualche imprecisione (errore di sintassi) nel css. Non so se il problema da te indicato possa dipendere da tali errori ma dovresti, per prima cosa, correggerli.

Ti posto gli avvisi che mi saltano fuori sulla console degli errori di firefox:

Avviso: Attesa fine del valore, trovato 'color'.  Errore durante l'interpretazione di 'font-weight'.  Dichiarazione tralasciata.
File sorgente: http://mathematikoi.altervista.org/S...olo/styleA.css
Riga: 110

Avviso: Errore durante l'interpretazione di 'top'.  Dichiarazione tralasciata.
File sorgente: http://mathematikoi.altervista.org/S...olo/styleA.css
Riga: 115

Avviso: Errore durante l'interpretazione di 'top'.  Dichiarazione tralasciata.
File sorgente: http://mathematikoi.altervista.org/S...olo/styleA.css
Riga: 124

Avviso: Attesa fine del valore, trovato '10'.  Errore durante l'interpretazione di 'padding'.  Dichiarazione tralasciata.
File sorgente: http://mathematikoi.altervista.org/S...olo/styleA.css
Riga: 129

Avviso: Errore durante l'interpretazione di 'white-space'.  Dichiarazione tralasciata.
File sorgente: http://mathematikoi.altervista.org/S...lo-limite.html
Riga: 7

Avviso: Errore durante l'interpretazione di 'white-space'.  Dichiarazione tralasciata.
File sorgente: http://www.wolframalpha.com/css/widget/base.css
Riga: 123

Avviso: Prevista una dichiarazione, invece è stato rilevato '!'.  Saltato alla dichiarazione successiva.
File sorgente: http://www.wolframalpha.com/css/widget/base.css
Riga: 839

Nell'ordine:

• Attesa fine del valore, trovato 'color'.
  

  men{font-family: Geneva, arial, serif;
  font-size: 14px;
  font-weight: 700
  color: #778899;
  position: absolute;
  }

  Hai dimenticato il ; (punto e virgola).
  
• Errore durante l'interpretazione di 'top'...
  Attesa fine del valore, trovato '10'. Errore durante l'interpretazione di 'padding'.
  

  div#extra{position: absolute; 
  top: 240 px; /*l' altezza dell' header*/
  left: 780px;
  width: 160px; 
  width:170px; 
  width:160px; 
  padding: 0 0 10 % 0;
  }

  C'è qualche spazio di troppo. Tutte le unità di misura dovrebbero essere adiacenti al proprio valore numerico, senza che ci siano quindi degli spazi tra l'uno e l'altra, altrimenti i browser non riuscirebbero ad interpretare tali regole.
  http://css.html.it/guide/lezione/26/...ita-di-misura/
  
• Errore durante l'interpretazione di 'white-space'.
  

  /*-- LARGE --*/
  .WolframAlphaWidgetLarge {
    font-family: verdana, sans-serif;
    font-size: 10px;
    line-height: 12px;
    word-wrap: normal;
    white-space: auto;

  Su css/widget/base.css il valore auto non è attribuibile alla proprietà white-space.
  http://www.w3schools.com/cssref/pr_text_white-space.asp
  
• Prevista una dichiarazione, invece è stato rilevato '!'. Saltato alla dichiarazione successiva.
  

  table.WolframAlphaWidget .multipleChoice input[type="radio"],
  .WolframAlphaWidgetLarge .wolframAlphaWidgetContent .multipleChoice input[type="radio"]{
      margin: 3px 6px 1px 2px;
      border: 0 none; !important
  }

  Sempre su css/widget/base.css la keyword !important deve "far parte" del valore riferito alla proprietà. Dovresti quindi scriverla prima del ; (punto e virgola).
  http://css.html.it/guide/lezione/470...ord-important/

Correggi questi errori e verifica quindi se il problema è risolto o persiste.

[ac_socmel]

Originariamente inviato da notexpert
Ora, questo dovrebbe creare un borno lungo tutto il div.. perché non funziona?

perchè anche il paragrafo ivi contenuto è in position:absolute quindi il div è come vuoto
o definisci l'altezza al div o togli la position al paragrafo
se poi impari a non usare tutti queste position sarebbe meglio