il sito che ho fatto viene visualizzato correttamente da opera,internet explorer e firefox ma netscape praticamente visualizza solo l'header e il logo.....come fare?
il sito che ho fatto viene visualizzato correttamente da opera,internet explorer e firefox ma netscape praticamente visualizza solo l'header e il logo.....come fare?
si fa che non siamo veggenti. posta il link
devo postare il codice css?giusto?
il link alla pagina sarebbe meglio. in alternativa, html e css (usa il tag code)
<!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=iso-8859-1" />
<title>Documento senza titolo</title>
<link href="stile.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Stile1 {color: #FFFFFF}
-->
</style>
</head>
<body>
<div id="container">
<div id="logo"></div>
<div id="header"></div>
<div id="left">
<h1>Main Menu:</h1>
<ul>[*]<a href="#">home
</a>
[*]<a href="#">events
</a>
[*]<a href="#">photogallery
</a>
[*]<a href="#">discussion
</a>
[*]<a href="#">contatti
</a>
[*]<a href="#">guestbook
</a>
[*]<a href="#">artisti
</a>
[/list]
</div>
<div id="main">
<h1>TECNODISPLAY</h1>
<div class="paragraphblock">
testo
</p>
</div>
<h2>altro importante</h2>
<div class="paragraphblock">
testo </p>
<ul>[*]To have valid CSS and XHTML coding[*]Original appearance[*]Highly functional and accessible[*]Contribute something to the web design community who have taught me so much[/list]
</div>
</div>
<div id="right">
<h1>info</h1>
testo</p>
</div>
<div id="bottom">FOOTER destinato al copyright </div>
</div>
</div>
</body>
</html>
stile.cssstile.css
body {
spadding: 0;
margin: 0;
text-align: center;
background-image: url(images/gif/gradient3.gif);
background-attachment: fixed;
background-repeat: repeat-x;
background-color:#c1bcb6;
}
* {font-family: Verdana, Arial, serif; text-align: left ;
}
#container {
background-color: #000000;
width: 770px;
overflow: hidden;
margin: 0 auto 0 auto;
border-right-width: medium;
border-right-style: solid;
border-right-color: #22211d;
border-left-width: medium;
border-left-style: solid;
border-left-color: #22211d;
}
#container #bottom {
height: 30px;
width: 770px;
margin: 0 auto;
overflow: hidden;
line-height: 30px;
text-align: center;
font-size: 0.6em;
color: #333;
}
#container #header {
height: 175px;
width: 771px;
background-image: url(images/gif/header2.gif);
background-repeat: no-repeat;
background-position: right bottom;
border-top-width: medium;
border-bottom-width: medium;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #CCCCCC;
border-bottom-color: #CCCCCC;
}
#container #logo {
background-color: #999999;
background-image: url(images/gif/logo_5_vectorized.png);
background-repeat: no-repeat;
background-position: left top;
height: 90px;
width: 770px;
}
#container #left {
float: left;
width: 165px;
padding-bottom: 75px;
background-color: #000000;
background-image: url(images/gif/sax2.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#container #right {
width: 150px;
float: right;
padding-bottom: 15px;
background-color: trasparent;
}
a:link {
color: #Fcf0ad;
}
a:visited {
color: #Fcf0ad;
}
a:hover {
color: #eeab36;
background-color: #444;
}
a:active {
color: #eeab36;
background-color: #444;
}
ul {
width: 160px;
padding: 0;
list-style: none;
margin: 33px 0 0 0;
}
li {
border: 0;
padding: 0;
margin: 0;
display: inline;
}
a {
font-family: Georgia, "Times New Roman", Times, serif;
display: block;
border: 0;
margin: 0;
font-size: 16px;
text-decoration: none;
letter-spacing: 3px;
color: #CCCCCC;
padding: 3px;
font-weight: bold;
}
#container #left h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.0em;
font-weight: bold;
color: #Fcf0ad;
line-height: 0.8em;
letter-spacing: 2px;
margin-top: 26px;
margin-left: 5px;
}
#container #main {
width: 455px;
background: trasparent;
float: left;
padding-bottom: 15px;
}
#main .paragraphblock p {
font-size: 12px;
color: #333333;
line-height: 1.5em;
margin-top: 15;
margin-right: 20px;
margin-bottom: 15;
margin-left: 20px;
font-weight: bold;
}
#main h2 {
font-size: 12em;
line-height: 0.75em;
color: #CCCCCC;
font-family: Georgia, serif;
font-weight: bold;
}
#main .paragraphblock {
background-color: #CCCCCC;
margin-right: 15px;
margin-left: 10px;
margin-top: 15px;
margin-bottom: 15px;
border-right-width: medium;
border-left-width: medium;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #666666;
border-left-color: #666666;
border-top-width: thick;
border-top-color: #999999;
border-bottom-width: thick;
border-bottom-color: #999999;
}
#main h1, #main h2 {
margin-top: 20px;
margin-left: 20px;
margin-bottom: 0px;
font-family: Georgia, serif;
font-size: 12px;
font-weight: bold;
color: #CCCCCC;
line-height: 1em;
letter-spacing: 2px
}
#main ul {
margin-top: 15px;
margin-bottom: 15px;
font-size: 0.7em;
line-height: 1.5em;
list-style: square;
color: #FFFFFF;
}
#main li {
margin-left: 5px;
}
#main ol {
margin-top: 15px;
margin-bottom: 15px;
font-size: 0.7em;
color: #E0D38C;
line-height: 1.5em;
list-style-type: decimal
}
#right h1 {
font-family: Georgia, "Times New Roman", Times, serif;
margin-top: 26px;
left: 5px;
font-size: 0.8em;
font-weight: bold;
color: #CCCCCC;
line-height: 0.8em;
letter-spacing: 2px;
}
#right p {
color: #CCCCCC;
margin: 5 px;
font-size: 0.7em;
line-height: 1.6em;
}
cosa di "(usa il tag code)" non è chiaro?mica per niente, se posti senza usare il tag code si fa fatica a leggere il codice, e quindi anche a trovare gli errori.
Qui
è "padding" e non "spadding".codice:body { spadding: 0; margin: 0;
Correggi, valida il codice (sia l'html e il css) e facci sapere se ti si risolve
fatto,ho validato sia html sia css,ma non si risolve con netscape.
si ho corretto anche padding.
Cosa intendi per Netscape?
Ci sono tre browser diversi con questo nome. NN4, N6 e N7.
NN4 riconosce i CSS in misura molto limitata: se devi scrivere anche per NN4 devi usare accorgimenti particolari (che ora non ricordo neanche piu`); N6 e` vissuto molto poco, dato che aveva diversi bachi; N7 ha lo stesso motore di FF1, per cui non dovrebbero esserci differenze importanti.
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
io mi riferisco netscape 6
Hai necessita` di usare proprio il 6?
Mi risulta che sia praticamente morto, dato il gran numero di bachi presenti. Infatti e` stato sostituito dal 7 poco tempo dopo la sua uscita.
Prova a fare una ricerca nei forum lato client (CSS, (X)HTML e JS): dovresti trovare numerosi riferimenti.
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Permessi di invio
Rispondi quotando