Salve a tutti
ho creato alcune pagine di un sito
vorrei capire cosa bisogna fare per far si che possa essere visualizzato correttamente su tutti i browser?
mi hanno detto che è un problema di CSS
Salve a tutti
ho creato alcune pagine di un sito
vorrei capire cosa bisogna fare per far si che possa essere visualizzato correttamente su tutti i browser?
mi hanno detto che è un problema di CSS
se non ci fai vedere il codice, è un po' difficile che riusciamo ad aiutarti. Posta il link (meglio) o il codice della pagina (tutto, html+css usando il tag CODE)
Cyà
cmq le pagine le ho scritte in PHP
va bene lo stesso?
Ovvio, sempre di problemi di CSS si tratta
CODE/PHP
.
.
.
<!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 sito</title>
<link href="stile1.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Stile2 {font-size: 40px}
body {
background-image: url(/sito_cerin/Immagini/sfondo.jpg);
background-repeat: repeat;
}
body,td,th {
font-family: tahoma;
}
.Stile3 {font-size: 12px}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: underline;
color: #FFFF00;
}
a:active {
text-decoration: none;
}
.Stile6 {color: #000033}
.Stile8 {font-size: 80%}
.Stile9 {color: #FFFFFF}
-->
</style>
</head>
<body>
<div id="testata">
<h1 class="Stile2" id="titolo">CE.R.IN. s.r.l.</h1>
</div>
<div id="MenuOrizz">Home Page | Contatti | Mappa sito | Faq | Help
</div>
<div id="corpoHome">
<div id="corposin">
<h2 class="voceMenuVerSel">HOME PAGE </h2>
<dl class="vociMenuVer">
<dt>Azienda</dt>
</dl>
<dl class="vociMenuVer">
<dt>Attività</dt>
</dl>
<dl class="vociMenuVer">
<dt>Prodotti</dt>
</dl>
<dl class="vociMenuVer">
<dt>Servizi</dt>
</dl>
<dl class="vociMenuVer">
<dt>Leggi e Normative</dt>
</dl>
<dl class="vociMenuVer">
<dt>News</dt>
</dl>
<dl class="vociMenuVer">
<dt>Links</dt>
</dl>
</div>
<div id="principHome">
<h2 class="titoloPag"> Benvenuto! </h2>
<h2 class="titoloPag"> Ultime News </h2>
<?php do { ?>
<table width="100%">
<tr>
<td width="20%" class="testoHome3"><div align="left"><?php echo $row_SelezionaNews['DataN']; ?></div></td>
<td class="testoHome2"><div align="justify"><?php echo $row_SelezionaNews['Titolo']; ?></div></td>
</tr>
</table>
<?php } while ($row_SelezionaNews = mysql_fetch_assoc($SelezionaNews)); ?>
</div>
<div id="corpodes">
</p>
<h3 align="right" class="voceHomeLogin">LOGIN ZONA RISERVATA</h3>
<h3 class="voceHomeLogin">Se non sei registrato clicca qui!</h3>
</p>
</div>
</div>
<div id="piede">
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #660000;">
<tr>
<td width="71%"><div align="left"><span class="Stile9">Copyright @2007 - Tutti i diritti riservati</span></div></td>
<td width="14%"><div align="center">Privacy Policy</div></td>
</tr>
</table>
</div>
</body>
</html>
<?php
mysql_free_result($SelezionaNews);
?>
dipende. presumi che se viene visualizzato male, sia dovuto al css. ma alle volte può capitare che il problema sia nell'html, ad esempio un tag non chiuso o annidato male. Dal momento che il browser interpreta l'html, sarebbe sempre bene avere come riferimento il codice in output.Originariamente inviato da H5N1_Aviaria
Ovvio, sempre di problemi di CSS si tratta
@soproblemi: potresti indicare in cosa consiste esattamente il problema, prima che andiamo a ravanare alla cieca? e, soprattutto, dov'è il css esterno?
vi spiego
in FireFox le pagine vengono visualizzate benissimo
mentre in Explorer 6 viene tutto sballato
mi hanno detto che è incompatibilità tra i browser
voglio solo capire cosa bisogna fare per rendere le pagine del sito visibili su tutti i browser
qst è il problema
allora si, probabilmente è il css. primo, posta uno screenshot delle visualizzazioni (se non puoi fornire diretttamente il link), secondo, sempre se non ci puoi dare il link, devi darci anche l'altro css, quello esternoOriginariamente inviato da soproblemi
vi spiego
in FireFox le pagine vengono visualizzate benissimo
mentre in Explorer 6 viene tutto sballato
mi hanno detto che è incompatibilità tra i browser
voglio solo capire cosa bisogna fare per rendere le pagine del sito visibili su tutti i browser
qst è il problema
prima ti ho mandato il codice della HomePage
ora ti invio il codice del CSS esterno
CODE/CSS
.
.
.
/* testata e suoi contenuti */
#testata {
color:#660000;
border:1px solid #808080;
padding:1%;
margin-left:12%;
margin-right:12%;
font-family: tahoma;
background-color: #FFFFCC;
line-height: 200px;
font-size: 30px;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
}
#corposin {
position:absolute;
width:23%;
font-family: tahoma;
font-size: 110%;
font-weight: bold;
color: #660000;
font-style: normal;
text-transform: none;
background-color: #FFFFCC;
height: 20%;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-top: 1%;
margin-bottom: 1%;
margin-right: 1%;
margin-left: 1%;
}
#corpodes {
position:absolute;
width:25%;
font-family: tahoma;
text-align: center;
background-color: #EBEBEB;
height: auto;
border: 1px solid #808080;
font-size: 110%;
margin-top: 1%;
margin-bottom: 1%;
top: 1%;
right: 1%;
margin-left: 1%;
}
/* i due box con sfondo giallo */
.voceMenuVerSel {
padding:2%;
font-family:tahoma;
font-weight:bold;
border:1px solid #808080;
font-size: 120%;
font-variant: normal;
text-transform: none;
font-style: normal;
color: #FFFFFF;
background-color: #006699;
}
.vociMenuVer {
color:#333333;
padding:4%;
font-family:tahoma;
font-size:80%;
border-bottom:1px solid #808080;
border-left:1px solid #808080;
border-right:1px solid #808080;
text-transform: none;
background-color: #660000;
}
.sottovociMenuVer {
padding-left:5%;
font-size:75%;
font-family: tahoma;
background-color: #006699;
}
/* fine delle regole per ciascun gruppo di link ad altri siti */
/* inizio delle regole per ciascun blocco-articolo */
.titoloPag {
font-family:tahoma;
color:#660000;
font-size:110%;
font-weight:bold;
padding:1%;
margin-left:1%;
margin-right:1%;
border:1px solid #808080;
}
/* fine delle regole per ciascun blocco-articolo */
/* pie' di pagina */
#piede {
font-family:tahoma;
color:#FFFFFF;
text-align:center;
border:1px solid #808080;
font-size: 65%;
font-style: normal;
font-weight: normal;
margin-top: 1%;
margin-right: 12%;
margin-left: 12%;
margin-bottom: 1%;
background-color: #660000;
line-height: 200%;
left: 12%;
top: 1%;
right: 12%;
bottom: 1%;
}
#corpoAttivita {
font-family: tahoma;
font-size: 80%;
font-weight: normal;
background-color: #FFFFCC;
border-top-color: #808080;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
margin-right: 12%;
margin-top: 1%;
margin-bottom: 1%;
margin-left: 12%;
position: relative;
height: 100%;
}
#corpoAzienda {
position:relative;
font-family: tahoma;
font-size: 80%;
font-weight: normal;
background-color: #FFFFCC;
border-top-color: #808080;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
margin-right: 12%;
margin-top: 1%;
margin-bottom: 1%;
margin-left: 12%;
height: auto;
width: auto;
}
#corpoContatti {
position:relative;
font-family: tahoma;
font-size: 80%;
font-weight: normal;
background-color: #FFFFCC;
border-top-color: #808080;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
margin-right: 12%;
margin-top: 1%;
margin-bottom: 1%;
margin-left: 12%;
height: 100%;
}
#corpoRegistra {
position:relative;
font-family: tahoma;
font-size: 14px;
font-weight: normal;
background-color: #FFFFCC;
border-top-color: #808080;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
margin-right: 150px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 150px;
height: auto;
}
.accessoNegato {
font-family:tahoma;
color:#FFFFFF;
font-size:110%;
font-weight:bolder;
padding:5px;
margin-left:5px;
margin-right:5px;
border:1px solid #808080;
text-decoration: blink;
background-color: #FF0000;
}
#principRegistra {
padding-left:5px;
padding-top:5px;
font-family: tahoma;
font-size: 9px;
font-style: normal;
font-weight: normal;
width: 500px;
padding-right: 5px;
margin-right: 5px;
margin-left: 210px;
}
#corpoHelp {
font-family: tahoma;
font-size: 80%;
font-weight: normal;
background-color: #FFFFCC;
border-top-color: #808080;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
margin-right: 12%;
margin-top: 1%;
margin-bottom: 1%;
margin-left: 12%;
position: relative;
height: 100%;
}
#corpoLeggi {
position:relative;
font-family: tahoma;
font-size: 80%;
font-weight: normal;
background-color: #FFFFCC;
border-top-color: #808080;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
margin-right: 12%;
margin-top: 1%;
margin-bottom: 1%;
margin-left: 12%;
height: 100%;
}
#corpoLinks {
position:relative;
font-family: tahoma;
font-size: 80%;
font-weight: normal;
background-color: #FFFFCC;
border-top-color: #808080;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
margin-right: 12%;
margin-top: 1%;
margin-bottom: 1%;
margin-left: 12%;
height: 100%;
}
#corpoMappa {
position:relative;
font-family: tahoma;
font-size: 80%;
font-weight: normal;
background-color: #FFFFCC;
border-top-color: #808080;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
margin-right: 12%;
margin-top: 1%;
margin-bottom: 1%;
margin-left: 12%;
height: 100%;
}
#corpoNews {
position:relative;
font-family: tahoma;
font-size: 80%;
font-weight: normal;
background-color: #FFFFCC;
border-top-color: #808080;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
margin-right: 12%;
margin-top: 1%;
margin-bottom: 1%;
margin-left: 12%;
height: 100%;
}
.
.
.
qst è la prima parte...
Diciamo che essendo ottimista spero che almeno il codice HTML/PHP/ASP che sia, sia non dico valido, ma quanto meno "sano"Originariamente inviato da Myaku
dipende. presumi che se viene visualizzato male, sia dovuto al css. ma alle volte può capitare che il problema sia nell'html, ad esempio un tag non chiuso o annidato male. Dal momento che il browser interpreta l'html, sarebbe sempre bene avere come riferimento il codice in output.
Permessi di invio
Rispondi quotando