Ciao, qualcuno mi sa dire perche' su FF le scritte, immagini, player ecc.. della parte sinistra della pagina non sono allineate come su IE? (Vedi news, stagioni ecc...)
LINK
Un altra cosa, siccome nella pagina ci sono due player, un video e un audio, come posso risolvere il fatto che FF faccia partire automaticamente i contenuti?
Grazie
hai fatto un po' di confusione, forse è meglio rivedere il codice prima di preoccuparsi degli allineamenti:
- per iniziare toglierei quei div tra gli stili csscodice:<style type="text/css"> body {margin:0px} body{font: 76%/1.3 Arial,Verdana,sans-serif} div.box{width:0px;width /**/:1020px; height:0px;height /**/: 434px; overflow:auto;padding: 0px; border:1px solid #000000;border-right:0 solid; background: #666666; repeat-x fixed top left} div.box p{margin-top:0} .style14 { font-size: 24px; font-weight: bold; } </style> <style type="text/css"> <!-- #layerhome { position:absolute; left:458px; top:44px; width:150px; height:36px; z-index:1; } --> </style> <div id="layerhome"><a href="#top"> <font color="#808080" size="3">Home - </font></a></div> <style type="text/css"> <!-- #layernews { position:absolute; left:518px; top:44px; width:150px; height:36px; z-index:1; } -->
- ti basta aprire una sola volta style: <style type="text/css"> qui tutti gli stili css</style>
ciaux
Ok, quindi devo lasciare solo una volta lo <style type="text/css"> e chiuderlo solo dopo aver messo tutti i div?
la struttura basse di una pag xhtml è questa:
ciauxcodice:<!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> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>titolo documento</title> <style type="text/css" media="screen"> /*qui tutti gli stili css*/ </style> </head> <body> </body> </html>
Ho tolto tutte le aperture inutili del foglio di stile, ma ora non legge piu' i link che si sovrappongono alla immagine legge solo il div.box, puoi dirmi che errore c'e'?
<style type="text/css">
body {margin:0px}
body{font: 76%/1.3 Arial,Verdana,sans-serif}
div.box{width:0px;width /**/:1020px;
height:0px;height /**/: 434px;
overflow:auto;padding: 0px;
border:1px solid #000000;border-right:0 solid;
background: #666666;
repeat-x fixed top left}
div.box p{margin-top:0}
.style14 {
font-size: 24px;
font-weight: bold;
}
<!--
#layerhome {
position:absolute;
left:458px;
top:44px;
width:150px;
height:36px;
z-index:1;
}
-->
<div id="layerhome"><a href="#top">
<font color="#808080" size="3">Home - </font></a></div>
<!--
#layernews {
position:absolute;
left:518px;
top:44px;
width:150px;
height:36px;
z-index:1;
}
-->
<div id="layernews"><a href="#p1">
<font color="#808080" size="3">News - </font></a></div>
<!--
#layercamera {
position:absolute;
left:576px;
top:44px;
width:150px;
height:36px;
z-index:1;
}
-->
<div id="layercamera"><a href="#p2">
<font color="#808080" size="3">Camera - </font></a></div>
<!--
#layerensemble {
position:absolute;
left:649px;
top:44px;
width:150px;
height:36px;
z-index:1;
}
-->
<div id="layerensemble"><a href="#p3">
<font color="#808080" size="3">Ensemble - </font></a></div>
<!--
#layerorchestra {
position:absolute;
left:739px;
top:44px;
width:150px;
height:36px;
z-index:1;
}
-->
<div id="layerorchestra"><a href="#p4">
<font color="#808080" size="3">Orchestra - </font></a></div>
<!--
#layeropere {
position:absolute;
left:828px;
top:44px;
width:150px;
height:36px;
z-index:1;
}
-->
<div id="layeropere"><a href="#p5">
<font color="#808080" size="3">Opere - </font></a></div>
<!--
#layerstagioni {
position:absolute;
left:888px;
top:44px;
width:150px;
height:36px;
z-index:1;
}
-->
<div id="layerstagioni"><a href="#p6">
<font color="#808080" size="3">Stagioni - </font></a></div>
<!--
#layeremail {
position:absolute;
left:966px;
top:44px;
width:150px;
height:36px;
z-index:1;
}
.style5 {color: #000000; font-weight: bold; }
.style1 {color: #000000}
-->
<div id="layeremail"><a href="mailto:adrianoguarnieri1@virgilio.it">
<font color="#808080" size="3">Mail-to</font></a></div>
</style>
</head>
Grazie
Scusa non avevo visto la tua risposta con la pagina base, ora la provo.
così come:
può diventare:codice:<style type="text/css"> body {margin:0px} body{font: 76%/1.3 Arial,Verdana,sans-serif}
ciauxcodice:<style type="text/css"> body{ margin:0px; font: 76%/1.3 Arial,Verdana,sans-serif; }
Non capisco la differenza dei due esempi :master: ,
Mi sa che mi sono perso qualcosa! puoi dirmi perche' non legge bene piu' il codice?
LINK
Di nuovo grazie
ok, una cosa alla volta:
- per ora ignora la seconda modifica (quella al body),
- riguardati la giusta sequenza che ti ho postato prima:
hai aperto e chiuso <style></style> e dentro non ci hai messo gli stili css...
-i contenuti, <div> compresi, devono trovarsi all'interno di <body></body>
ciaux
Ho scritto il codice come mi hai detto, ho messo una sola definizione dello stile e ho spostato i div nel body.
Pero' due cose che non so:
1) se metto come doctype
<!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">
non si vede piu' niente nella parte centrale
2) continua a non vedersi allineata su FF tutta la parte di sinistra della pagina,
come se i codici "a capo" fossero maggiori in FF rispetto a quelli di IE
Permessi di invio
Rispondi quotando