salve a tutti! che voi sappiate esiste un modo per visualizzare un blocco di testo in maniera uguale in tutti i principali browser?..per uguale intendo come paragrafo, dimensioni, carattere e posizionamento..perchè io dei problemi in questo senso..non ho ancora capito se è un problema di div o meno..(più tardi vi posterò il codice) però pur leggendo gli attributi avanzati del testo non son riuscito a far niente..
ecco il codice (nn so come isolarlo qui nel forum):
HTML (non badate al rollover di immagini, lo cambierò poi)
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="css/screen_mission.css" media="screen, print" rel="stylesheet" type="text/css" />
<link href="favicon.ico" type="image/ico" rel="icon">
<title>Sarcos</title>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('images/mission1.png','images/knowout2.png','images/portfolio2.png','images/contatti2.png')">
<div id="container">
<div id="menu">
[img]images/mission2.png[/img][img]images/knowout1.png[/img][img]images/portfolio1.png[/img][img]images/contatti1.png[/img]</div>
<div id="text1">
La massima soddisfazione del cliente è l'obiettivo primario del nostro lavoro e il principio guida della nostra Mission Aziendale.
Siamo convinti che personale efficiente e tempestività del servizio rappresentino le risorse più preziose per la Nostra Azienda;
solide basi del nostro modo di fare impresa.
Punto di forza dell'impresa sono senza dubbio la continua ricerca di materiali innovativi e l'impiego di personale altamente qualificato, nonché il rapporto consolidato con i fornitori più affidabili nel settore edile, e non solo edile.
</div>
<div id="text2">
Home
</div>
</div>
</body>
</html>
CSS
@charset "UTF-8";
/* CSS Document */
body {
background-color: #fff;
font-size: 12px;
color:#564b47;
padding:0px;
margin:0px;
text-align: center;
font-family: Tahoma, Geneva, sans-serif;
color:#666;
font-style:normal;
font-weight: normal;
font-size: 10px;
text-align: justify;
}
#container {
text-align: left;
vertical-align: middle;
margin: 0px auto;
padding: 0px;
border: 0px dashed #564b47;
width:1024px;
height:769px;
background-image:url(../images/mission.gif);
}
#menu{
width:495px;
height:17px;
float:right;
margin-right:9px;
color:#666;
font-style:normal;
font-weight:bold;
font-size: 11px;
text-align: justify;
font-family: Tahoma, Geneva, sans-serif;
margin-top:324px;
}
#text1{
width:168px;
height:220px;
color:#666;
font-size: 10px;
text-align: justify;
font-family: Tahoma, Geneva, sans-serif;
margin-left:545px;
margin-right:100px;
line-height: normal;
margin-top:60px;
float:left;
font-variant: normal;
text-transform: none;
left: 639px;
top: 342px;
}
#text2{
width:50px;
height:20px;
color:#FFF;
font-style:normal;
font-weight: normal;
font-size: 12px;
text-align: left;
font-family: Tahoma, Geneva, sans-serif;
margin-left:970px;
margin-right:100px;
line-height: normal;
overflow:auto;
margin-top:120px;
float:left;
}
Ti consiglio caldamente di ripulire il più possibile il codice, lasciando solo lo stretto indispensabile di html e css (ad esempio elimina tutto il javascript e tutti gli oggetti e gli stili superflui) in modo che possiamo guardare solo il codice minimo.
E' improponibile pensare di destreggiarsi in tutto quello che hai scritto, ci vorrebbe un'ora!
P.S.: Per inserire il tuo codice, racchiudilo tra i tag (togli gli spazi tra le [ ])
[ CODE ] e [ /CODE ]
HTML (il testo lo devo lasciare perchè se no non capite il mio problema)
codice:<body> <div id="container"> <div id="menu"> <div id="text1"> La massima soddisfazione del cliente è l'obiettivo primario del nostro lavoro e il principio guida della nostra Mission Aziendale. Siamo convinti che personale efficiente e tempestività del servizio rappresentino le risorse più preziose per la Nostra Azienda; solide basi del nostro modo di fare impresa. Punto di forza dell'impresa sono senza dubbio la continua ricerca di materiali innovativi e l'impiego di personale altamente qualificato, nonché il rapporto consolidato con i fornitori più affidabili nel settore edile, e non solo edile. </div> <div id="text2"> Home </div> </div> </body>
CSS (manca solo il body praticamente..tutto il resto è fondamentale..)
codice:#container { text-align: left; vertical-align: middle; margin: 0px auto; padding: 0px; width:1024px; height:769px; } #menu{ width:495px; height:17px; float:right; margin-right:9px; margin-top:324px; } #text1{ width:168px; height:220px; color:#666; font-size: 10px; text-align: justify; font-family: Tahoma, Geneva, sans-serif; margin-left:545px; margin-right:100px; line-height: normal; margin-top:60px; float:left; font-variant: normal; text-transform: none; left: 639px; top: 342px; } #text2{ width:50px; height:20px; color:#FFF; font-style:normal; font-weight: normal; font-size: 12px; text-align: left; font-family: Tahoma, Geneva, sans-serif; margin-left:970px; margin-right:100px; line-height: normal; overflow:auto; margin-top:120px; float:left; }
Beh, ok, ora semplifica al massimo anche il CSS, e poi vediamo cosa possiamo fare....
Elimina per esempio tutte le classi non necessarie, e di quelle che invece servono, togli tutti le proprietà superflue (es. bordi, ecc.)
ho provato a semplificarlo il più possibile..
Permessi di invio
Rispondi quotando