..Ciao a tutti,sono hum, appena iscritta al forum.
Sono un'aspirante web designer e sto creando ancuni siti..
ma ho qualche problema nella visualizzazione del mio sito personale con explorer mentre con mzilla non ci sono problemi.
Ecco il mio indirizzo..
Dove posso trovare il materiale per risolvere questo problema?
Grazie,
Hum
l'indirizzo dov'č?Originariamente inviato da hum
..Ciao a tutti,sono hum, appena iscritta al forum.
Sono un'aspirante web designer e sto creando ancuni siti..
ma ho qualche problema nella visualizzazione del mio sito personale con explorer mentre con mzilla non ci sono problemi.
Ecco il mio indirizzo..
Dove posso trovare il materiale per risolvere questo problema?
Grazie,
Hum
Il portale sul turismo a Lucca
Siti web Lucca
Vendo Tex a colori di Repubblica (primi 100 numeri) - info in pvt.
opsss..www.alicedellomo.it
buongiorno..
innanzitutto mi dispiace di aver "trasgredito" al regolamento..
ho trovato diversi metodi su come risolvere il problema su questo forum..ma io da sola proprio non riesco a venirne a capo..
riuscite a capire dov'č il problema?
Vi mando css e html:
<title>Alice</title>
<meta name="description" content="Alice - "Alice, il mio piccolo mondo delle meraviglie" >
<meta name="keywords" content=" Alice meraviglie alice mondo delle meraviglie grafica web design Pontecurone " >
<link type="text/css" rel="stylesheet" href="global.css"></link>
</head>
<body>
<div id="mainwrap">
<div id="header">
<h1>
Alice</h1>
</div>
<div id="nav">
<ul>[*]About [*]Work [*]Contact [/list]
</div>
<div id="contentwrap">
<div id="content">
<h1>
About me..</h1>
<h2>
Benvenuti nel mio "mondo delle meraviglie"!</h2>
Do il benvenuto a tutti i viaggiatori che stanno per esplorare questo piccolo "paese
delle meraviglie".
Sono Alice, aspirante web designer, innamorata dell'arte, del sole, della musica,
delle parole, del mare, dei sogni, dei viaggi.
alicedellomo.it crescerā con me, con il mio lavoro ,con il mio studio e con voi.
Buona navigazione!
Alice
</p>
<div id="footer-navigation">
<ul>[*]About [*]Work [*]Contact [/list]
<div id="footer">
Copyright 2008 Alice
</div>
</div>
</div>
</div>
</body>
</html>
*
{
margin: 0px;
padding: 0px;
}
body
{
background: #b3061a url(images/decoration.gif) repeat;
font-family: "Trebuchet ms" ,Arial,Helvetica,sans-serif;
font-size: 12px;
color: #bf6a4b;
}
#mainwrap
{
margin-left: auto;
margin-right: auto;
width: 800px;
text-align: center;
}
#header
{
background-image: url(images/header.gif);
background-repeat: no-repeat;
height: 240px;
width: 100%;
margin-top: 20px;
}
#header h1
{
text-indent: -9999px;
}
#content
{
background-image: url(images/content.gif);
background-repeat: no-repeat;
margin-right: auto;
margin-left: auto;
width: 800px;
height: 400px;
margin-top: 0px;
}
#nav
{
background: url(images/nav4.gif) scroll;
background-repeat: no-repeat;
display: block;
float: right;
margin-top: 20px;
width: 167px;
height: 200px;
}
#nav li
{
display: inline;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
font-weight: bold;
padding-top: 30px;
text-align: center;
}
#nav li a
{
display: block;
font-size: 12,5px;
color: #fffffa;
text-transform: uppercase;
overflow: hidden;
padding: 0pt;
text-decoration: none;
margin-left: -85px;
margin-bottom: 45px;
margin-top: 28px;
}
#footer
{
font-size: 12px;
color: #bf6a4b;
font-family: verdana,sans-serif;
margin-left: auto;
margin-right: auto;
width: 100%;
}
#footer-navigation li a
{
font-size: 12px;
color: #ecc1ae;
text-decoration: none;
font-weight: bold;
}
#footer-navigation
{
height: 40px;
width: 100%;
display: inline;
text-align: center;
background-position: center;
}
#footer-navigation li
{
width: 100%;
display: inline;
background-position: center;
}
#content h1
{
color: #bf6a4b;
text-align: center;
}
#content h2
{
color: #bf6a4b;
text-align: center;
}
h1
{
margin-top: 0px;
}
h2
{
margin-top: 30px;
}
#content p
{
margin: 30px 200px 80px 50px;
}
#footer-navigation a:hover
{
color: #b4061a;
}
#nav a:hover{color: #ecc1ae;}
img
{
margin-bottom:20px;
}
#worknav ul li
{text-transform: uppercase;
list-style: none;}
#worknav a
{color: #bf6a4b;
text-decoration: none;}
#worknav a:hover
{color: #b4061a;}
Grazie mille,
hum
come prima cosa, dovresti validare il codice. Il link che hai postato non passa nč per il markup nč per il css.
Fatto questo, poi vediamo
..grazie mille..davvero..
ho validato xhtml e css..
cavoli..con IE non cambia nulla..
sto impazzendo!!!!
ok, allora, ho notato un paio di cose sul tuo css:Originariamente inviato da hum
..grazie mille..davvero..
ho validato xhtml e css..
cavoli..con IE non cambia nulla..
sto impazzendo!!!!
1. hai usato il float, ma non c'č il clear.
2. prova a ricontrollare margini e padding, hai usato una dtd transitional e IE ha delle differenze nella loro interpretazione (l'ideale sarebbe adottare una dtd strict, che rende Explorer un po' pių aderente agli standard)
grazie..ti ringrazio infinitamente per le risposte.
Ho seguito il tuo consiglio e ho riguardato con attenzione i css..c'erano sparsi qua e lā, errorini e ripetizioni..questo mi ha portato a capire e a trovare poi la soluzione..(almeno credo!): mettondo la nav dentro al content ho evitato che IE considerasse la nav un blocco a parte risolvendo il problema della spaziatura..meno male..
grazie ancora..
Permessi di invio
Rispondi quotando