La pagina viene visualizzata più in basso del dovuto

Forums » Opera forum » Opera per PC

You need to be logged in to post in the forums. If you do not have an account, please sign up first.

Go to last post

20. May 2010, 13:11:58

angela71

Posts: 2

La pagina viene visualizzata più in basso del dovuto

Ciao a tutti.
Vi mostro questo sito (già nella pagina che dà il problema, mentre la home page non lo dà): http://www.silviozalambani.com/ita_curriculum.htm
Il "semplice" problema è che solo in Explorer la pagina si posiziona correttamente in alto, mentre sia Opera che Firefox inseriscono uno spazio sopra.
Visualizzando il codice sorgente direttamente dal browser, sia Opera che Firefox aggiungono i caratteri  prima della dichiarazione xml; solo Firefox li mostra pure nella pagina. Il mio html NON contiene quei caratteri nè altri spazi o caratteri di intralcio.
Ho provato a rimuovere la dichiarazione xml ma non cambia nulla.
Come posso risolvere? Grazie!

Il css è così:
codice:
html,body {
margin: 0;
padding: 0;
}

body {
font-family: Arial;
color: white;
text-align: center; /*centra in IE 5.x */
background-color: #E74C00;
background-image: url(immagini/sfondopagina.gif);
background-attachment: fixed;
background-repeat: no-repeat;
}

div#container {
text-align: left; /*ripristina l'allineamento*/
margin: 0px auto; /*centra negli altri browsers*/
width: 778px;
border-left-style: solid;
border-left-width: 3px;
border-left-color: white;
border-right-style: solid;
border-right-width: 3px;
border-right-color: white;
background-image: url(immagini/sfondorighe.gif);
height: 100%;
}


div#header {
height: 164px;
background-image: url(immagini/top.jpg);
border-bottom-style: solid;
border-bottom-width: 3px;
border-bottom-color: white;
}

.content{
margin: 12px;
padding: 10px 24px 12px 24px; /*occhio al padding inf quando si restringe la finestra*/
background-color: #181818;
border: solid 1px black;
background-image: url(immagini/lineatitolo.gif);
background-repeat: repeat-x;
}

20. May 2010, 16:35:52

Folgore101

Posts: 498

Io con Opera 10.54 v.3390 e IE 8 la vedo nello stesso modo, in alto ci sono 4/5 mm di arancione e poi inizia il nero.
"Non è tanto chi sei quanto quello che fai che ti qualifica"
"Il coraggio non è la mancanza di paura ma bensì la consapevolezza che qualcosa sia più importante della paura stessa"

20. May 2010, 17:11:00

igorditerni

Sono proprio io, igorfree

Posts: 4921

Effettivamente il problema è dato da quei caratteri ad inizio codice.
Con quale programma hai salvato il codice Xhtml della pagina? Prova a farlo con un altro.

Ciao, Igor

P.S.: Certo che se l'estensione delle pagine fosse .xhtml invece di .htm sarebbe meglio. whistle
Deleting isn't a good building way, discussing is - Cancellare non è un buon modo di costruire, discutere lo è
365 photos group IRC channelOpera IRC canale italiano+
Radioigorigorfreedodorifanclub

20. May 2010, 18:09:10

angela71

Posts: 2

????? con IE 8????? Io ho IE 7 e si vede senza arancione in alto, come deve essere! Ommamma...
Ehm... Igor... questa dell'estensione .xhtml mi mancava... com'è? Basta salvare con nome? E riguardo al programma con cui ho salvato è Dreamweaver inizialmente, ma poi ci ho lavorato spesso solo su blocco note, cioè ho sempre lavorato solo da codice, Dreamweaver lo uso ogni tanto quindi penso (pensavo) di avere il controllo di quello che scrivo...
Il mio html è

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SILVIO ZALAMBANI | CURRICULUM ARTISTICO E DIDATTICO </title>
<meta http-equiv="Content-Type" content="text/html"/>
<link rel="stylesheet" href="silviozalambani.css" type="text/css"/>
</head>
<body>
<div id="container">
<div id="header">
<p class="top1">...................testo del menù........</p>
</div>
<div class="content">
<h1>CURRICULUM ARTISTICO</h1>
<p>..........testo della pagina....................</p>
</div>
</div>
</body></html>

Tutto qua! E perchè mai deve comparire lo spazio arancione in alto?

26. May 2010, 09:26:53

igorditerni

Sono proprio io, igorfree

Posts: 4921

Intanto il content type dell'xhtml è questo (possibilmente con l'UTF-8):
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

Per l'estensione delle pagine basta salvarle con quell'estensione... Naturalmente con IE non funzioneranno più ma se si vogliono fare le cose fatte bene secondo le regole... whistle
Non so da cosa dipenda lo spazio sopra ma non credo tu debba guardare il codice xhtml quanto piuttosto modificare i valori nel css.

Ciao, Igor
Deleting isn't a good building way, discussing is - Cancellare non è un buon modo di costruire, discutere lo è
365 photos group IRC channelOpera IRC canale italiano+
Radioigorigorfreedodorifanclub

Forums » Opera forum » Opera per PC