buonasera
sono francesco sto iniziando a percorrere la strada di webmaster, ho appeno realizzato un sito di una 20 di pagine in html e css. Ho fatto l'errore di testarlo solo con Google Chrome.
Una volta provato con ie e mozilla mi si cambia l'impostazione della struttura delle pagine (ovvero testo messo più a destra rispetto a come lo avevo impostato, ect.....).
Grazie.
Cordiali saluti.
si ma se non ci fai vedere il codice (o meglio ancora il link della tua pagina) come possiamo aiutarti?
ok
di seguito il css:
body {
background-color:#172029;
}
#container {
background-color:#171D29;
margn: 5px 3px 0px 0px;
}
#banner {
height: 124px;
background-color: #FEFEDC;
background-image: url(picks/2.jpg);
}
.logobox{
float:left;
width: 150px;
height: 122px;
background-image: url(picks/5.jpg);
}
.lbox{
width: 150px;
height: 100%;
background-color:#171D29;
padding: 0px 1px 1px 1px;
color:#fff;
}
.textbox{
height: 30px;
margin-left: 172px;
text-align: left;
font-size: 1.0em;
color:#fff;
padding: 4px 0px 0px 0px;
font-family:"verdana", arial, sans-serif, times;
}
#content {
margin-top: 0px;
margin-left: 164px;
height: 100%;
background-color:#fff;
}
blockquote{
border: 2px solid #CECFC6;
padding: 15px;
background-image: url(picks/2.jpg);
background-color:#000;
font-size: 1.0em;
font-family: "verdana",arial, sans-serif ;
color:#fff;
}
#left {
float: left;
width: 158px;
height: 100%;
text-align: left;
font-size: 1.0em;
color:#fff;
padding: 0px;
background-color: #171D29;
color:#ffffff;
}
img.left {
float:left;
margin-right:8px;
margin-left:5px;
border-left:0px solid #171D29;
}
img.right {
float:right;
margin-left:2px;
border:0px outset #6D8458;
}
.navbox{
float: right;
border: 0px solid #000;
width: 650px;
height: 30px;
margn: 5px 5px 5px 5px;
background-color:#;
}
#menu ul{
margin: 0;
padding: 10;
margin-bottom: 0em;
float: left;
font: bold 110% Tohoma;
width: 100%;
border: 0px solid #625e00;
background-color: #;
}
#menu ul li{
display: inline;
}
#menu ul li a{
float: left;
color:#000;
padding: 5px 5px;
text-decoration: none;
}
#menu ul li a:hover{
color: white;
background-color: #172029;
}
#menu ul li a:visited{
color: white;
}
p {
background-color: #fff;
padding: 0px 0px 2px 5px;
margin: 0px 2px 4px 0px;
text-align: left;
word-spacing: 2px;
font-size: 16px;
font-family: arial;
color: #000;
}
#left p {
background-color: #fff;
padding: 0px 4px 2px 4px;
margin: 5px 1px 1px 0px;
text-align: left;
word-spacing: 2px;
font-size: 12px;
font-family: arial;
color:#000;
}
h1 {
float: right;
margin: 15px 270px 0px 0px;
font-size: 2.0em;
color:#65B7FF;
font-family:"times ", verdana,arial , sans-serif;
}
h2 {
text-align: center;
font-size: 1.0em;
color:#fff;
padding: 3px;
font-family:"times", verdana, arial, sans-serif, engravers mt bold;
}
h3{
font-size: 1.1em;
color:#000;
margin-left: 5px;
padding-top: 8px;
border-bottom: 1px solid #000;
font-family:" sans-serif", verdana, arial, times , engravers mt bold;
}
#footer {
clear: both;
height: 55px;
text-align: center;
font-size: 1.3em;
padding: 5px;
color:#fff;
background-color: #172029;
background-image: url(picks/2.jpg);
}
questa è la pagina che mi da problemi sia in ie che in mozilla
<!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">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link href="1.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="container">
<div id="banner">
<div class="logobox"></div>
<div class="navbox">
<div id="menu">
<ul>
[*]Home
[*]Staff
[*]Laboratorio
[*]Tecniche
[*]Tecnologie
[*]Servizi
[*]Mappa
[*]Contatti
[/list]
</div>
</div>
<div class="textbox">Benvenuto
</div>
<h1>Laboratorio Odontoprotesico
dei F.lli Sindona Luigi & Sergio</h1>
</div>
<div id="left">
<div class="lbox">
Il nostro team che ci ha consentito di occupare livelli di alta professionalità e di realizzare una struttura all'avanguardia.
vedi sezione...
</p>
Il Lab dei F.lli Belluccia è una struttura di moderna concezione ed è organizzata per soddisfare pienamente tutte le esigenze del medico odontoiatra.
vedi sezione...
</p>
New research and technology indicates that innovation has less to do with inventions and more to do with keeping an eye customer service
more...
</p>
Technology has made available a wide range of customer service tools.
more...</p>
Links utili:
A.N.T.L.O
A.N.D.I
ORTODONZIA
ODOINFO
Ministero Sanità
</P>
</div>
</div>
<div id="content">
<h3> testo </h3>
[img]picks/7.jpg[/img]</img>
... testo ....
<blockquote>
[img]picks/5.jpg[/img]</img>
testo
</blockquote>
</div>
<div id="footer"> </a></div>
</div>
</div>
</body>
</html>
mi visualizza male tutto il testo dentro i vari contenitori che ho creato
grazie
buona giornata
Ei Francesco, ciao e benvenuto!
L'errore che hai commesso è normale; chiunque alle prime armi lo commette se non ha nessuno che gli dà una mano, quindi non preoccuparti. Però ora sei di fronte a due bivi più "importanti" (ma non gli unici) e dovrai scegliere:
- Crei diversi CSS per i browser; Google Chrome, Opera, Firefox e Safari, di solito, visualizzano - abbastanza - uguale. Quindi la soluzione è di usare, se si potesse evitare forse è meglio, i commenti <!-- if [IE6] blablabla... e ti crei il CSS per Internet Explorer, che normalmente sfasa più di tutti, mentre per gli altri cerchi di aggiustarlo nel codice con l'altro CSS.
- Riparti da zero: ti ricrei una pagina in XHTML e ricostruisci il sito, controllando, ad ogni mossa (perché se no diventi pazzo a trovare l'errore), il risultato.
Io penso che siano le due soluzioni più accettabili.
Se vuoi una mano, il forum è aperto e sta qui per questo...
Saluti, Vash
Personal Home Page
dunque mi consigli di ripartire da capo.
nn ho capito cosa devo cambiare se pezzi interi di codice o parte di esso o i valori dei singoli comandi.
Ma cmq modificando il codice posso risolvere il problema mantenendo la stessa struttura o almeno discostarmi di poco dalla impostazione originaria che gli ho dato?
grazie
Ho visto la pagina con ff e con ie8 e ie6, non vedo queste grandi differenze macroscopiche. Cos'è che vorresti ottenere?
ad es com mozilla e ie ad esempio la parte
.....
<div class="textbox">Benvenuto
</div>
<h1>Laboratorio Odontoprotesico
dei F.lli Sindona Luigi & Sergio</h1>
</div>
...
cambia di posizione:
in ie si sposta verso destra
in mozilla addirittura si sposta verso il basso e a sinistra
non hai notato che il tuo h1 ha un margine destro troppo grande e quando la finestra è troppo stretta non ci sta più?
buon pomeriggio
dunque per quanto riguarda la posizione della scritto tra il tag h1 su mozilla ci siamo per ie non riesco a sistemarla ovvero rimane troppo rientrata verso destra si nota troppo la differenza e poi vorrei metterla al limite destra. Come posso fare??
Poi c'è un problema di font da un browser all'altro mi cambia...
saluti
ma la vorresti allineata con il menu sopra?
Permessi di invio
Rispondi quotando