Mi sono avvicinato da poco all'html ed i css ed ho fatto un sitarello per mio zio, il problema è che con mozilla ed ie6 funziona benissimo, con ie5 si sganghera tutto. Come posso fare?
questo il css:
body {
color: #0f330d;
font-family: Verdana, Tahoma, "Times New Roman", Times, serif;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#pageBorderL {
background: url(./img/back_left.jpg) repeat-y;
height:100%;
width: 20%;
position: absolute;
}
#pageBorderR {
background: url(./img/back_right.jpg) repeat-y;
height:100%;
width: 10%;
margin-left: 90%;
position: absolute;
}
#pageBorderR2 {
background: url(./img/shadow_right.gif) repeat-y left;
height:100%;
width: 38;
position: absolute;
}
#pageMenu {
background: url(./img/shadow_left.gif) repeat-y right;
height:100%;
width: 20%;
position: absolute;
}
#Content {
background: url(./img/brushed.gif);
background-attachment: scroll;
margin-left: 20%;
height:100%;
width: 70%;
position: absolute;
}
#pageHeader {
background: url("./img/e.gif") no-repeat top left;
vertical-align: middle;
margin-left: 30px;
height: 167px;
}
#pageMenuContent {
background: url(./img/menu_shadow.gif) no-repeat top center;
left: 4%;
top: 3%;
height:368px;
width: 100%;
position: absolute;
padding: 0px;
}
h3 { color: #000000;
font-family: "Lucida Grande", Georgia, "Times New Roman", Times, serif;
font-style: italic; font-size: 1.7em;
font-weight: normal;
margin-bottom: 0.5em;
margin-top: 0.7em;
}
#preamble {
background: url(./img/anim_arrows_l.gif) no-repeat top right;
margin: 0;
padding: 18px;
padding-top: 0px;
}
.p2{
margin-left: 25px;
}
a, a:link, a:visited, a:hover, a:active { color: #730000; font-weight: bold;}
a:hover { text-decoration: none; }
e questo l'html:
<html xml:lang="it">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"></meta>
<link rel="shortcut icon" href="./img/favicon.gif"></link>
<meta name="author" content="www.cdb-homelinux.net"></meta>
<meta name="keywords" content="MEDIAN, median, antinfortunistica, cartelli, guanti, occhiali, abbigliamento, sicurezza."></meta>
<meta name="description" content="Il sito MEDIAN offre informazioni ai clienti su prodotti di antinfortunistica di vario genere."></meta>
<meta name="robots" content="all"></meta>
<title>MEDIAN SRL - Mezzi Dispositivi Antinfortunistici</title>
<style type="text/css" media="all">
@import "median.css";
</style>
<script language="javascript" type="text/javascript">
function imgChange( img ) { document.home.src = img; }
function imgChange1( img ) { document.azienda.src = img; }
function imgChange2( img ) { document.news.src = img; }
function imgChange3( img ) { document.catalogo.src = img; }
function imgChange4( img ) { document.contatti.src = img; }
function imgChange5( img ) { document.basket.src = img; }
</script>
</head>
<body>
<div id="pageBorderL"></div>
<div id="pageMenu">
<div id="pageMenuContent">
<table cellpadding="0" cellspacing="8" border="0" width="90%" height="70%">
<tr>
<td align="center" valign="top"><img src="./img/home.gif" border="0" onmouseover="imgChange('./img/home1.gif')" onmouseout="imgChange('./img/home.gif')" id="home" name="home"></img></td>
</tr>
<tr>
<td align="center" valign="top"><img src="./img/azienda.gif" border="0" onmouseover="imgChange1('./img/azienda1.gif')" onmouseout="imgChange1('./img/azienda.gif')" id="azienda" name="azienda"></img></td>
</tr>
<tr>
<td align="center" valign="top"><img src="./img/news.gif" border="0" onmouseover="imgChange2('./img/news1.gif')" onmouseout="imgChange2('./img/news.gif')" id="news" name="news"></img></td>
</tr>
<tr>
<td align="center" valign="top"><img src="./img/catalogo.gif" border="0" onmouseover="imgChange3('./img/catalogo1.gif')" onmouseout="imgChange3('./img/catalogo.gif')" id="catalogo" name="catalogo"></img></td>
</tr>
<tr>
<td align="center" valign="top"><img src="./img/contatti.gif" border="0" onmouseover="imgChange4('./img/contatti1.gif')" onmouseout="imgChange4('./img/contatti.gif')" id="contatti" name="contatti"></img></td>
</tr>
<tr>
<td align="center" valign="top"><img src="./img/basket.gif" border="0" onmouseover="imgChange5('./img/basket1.gif')" onmouseout="imgChange5('./img/basket.gif')" id="basket" name="basket"></img></td>
</tr>
</table>
</div>
</div>
<div id="Content">
<div id="pageHeader"></div>
<div id="preamble">
<h3>Median S.R.L.</h3>
<p class="p1"><b>Dal 1975 la risposta piu' completa alle Vostre richieste di:</b></p>
<p class="p2">- Segnaletica Aziendale</br>
- Segnaletica per Proprieta' Privata</br>
- Segnaletica di Sicurezza</br>
- Segnaletica Stradale</br>
- Dispositivi di Primo Soccorso</br>
- Dispositivi di Protezione Personale</br>
- Dispositivi di Emergenza</br>
- Dispositivi DPI</br>
- Sistemi di Protezione sul Lavoro</br>
- Sistemi Antinquinamento</br>
- Sistemi di Raccolta Rifiuti</br>
- Sistemi Antincendio
</p>
<p class="p3">E' disponibile il nuovo Catalogo Median 2005.</br>Per avere una copia cliccare <a href='mailto:info@median.it?subject=Richiesta Catalogo 2005'>qui</a>.</p>
</div>
</div>
<div id="pageBorderR"><div id="pageBorderR2"></div></div>
</body></html>
Qualcuno mi può aiutare???
Scusate il post lungo
questo il css:
body {
color: #0f330d;
font-family: Verdana, Tahoma, "Times New Roman", Times, serif;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#pageBorderL {
background: url(./img/back_left.jpg) repeat-y;
height:100%;
width: 20%;
position: absolute;
}
#pageBorderR {
background: url(./img/back_right.jpg) repeat-y;
height:100%;
width: 10%;
margin-left: 90%;
position: absolute;
}
#pageBorderR2 {
background: url(./img/shadow_right.gif) repeat-y left;
height:100%;
width: 38;
position: absolute;
}
#pageMenu {
background: url(./img/shadow_left.gif) repeat-y right;
height:100%;
width: 20%;
position: absolute;
}
#Content {
background: url(./img/brushed.gif);
background-attachment: scroll;
margin-left: 20%;
height:100%;
width: 70%;
position: absolute;
}
#pageHeader {
background: url("./img/e.gif") no-repeat top left;
vertical-align: middle;
margin-left: 30px;
height: 167px;
}
#pageMenuContent {
background: url(./img/menu_shadow.gif) no-repeat top center;
left: 4%;
top: 3%;
height:368px;
width: 100%;
position: absolute;
padding: 0px;
}
h3 { color: #000000;
font-family: "Lucida Grande", Georgia, "Times New Roman", Times, serif;
font-style: italic; font-size: 1.7em;
font-weight: normal;
margin-bottom: 0.5em;
margin-top: 0.7em;
}
#preamble {
background: url(./img/anim_arrows_l.gif) no-repeat top right;
margin: 0;
padding: 18px;
padding-top: 0px;
}
.p2{
margin-left: 25px;
}
a, a:link, a:visited, a:hover, a:active { color: #730000; font-weight: bold;}
a:hover { text-decoration: none; }
e questo l'html:
<html xml:lang="it">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"></meta>
<link rel="shortcut icon" href="./img/favicon.gif"></link>
<meta name="author" content="www.cdb-homelinux.net"></meta>
<meta name="keywords" content="MEDIAN, median, antinfortunistica, cartelli, guanti, occhiali, abbigliamento, sicurezza."></meta>
<meta name="description" content="Il sito MEDIAN offre informazioni ai clienti su prodotti di antinfortunistica di vario genere."></meta>
<meta name="robots" content="all"></meta>
<title>MEDIAN SRL - Mezzi Dispositivi Antinfortunistici</title>
<style type="text/css" media="all">
@import "median.css";
</style>
<script language="javascript" type="text/javascript">
function imgChange( img ) { document.home.src = img; }
function imgChange1( img ) { document.azienda.src = img; }
function imgChange2( img ) { document.news.src = img; }
function imgChange3( img ) { document.catalogo.src = img; }
function imgChange4( img ) { document.contatti.src = img; }
function imgChange5( img ) { document.basket.src = img; }
</script>
</head>
<body>
<div id="pageBorderL"></div>
<div id="pageMenu">
<div id="pageMenuContent">
<table cellpadding="0" cellspacing="8" border="0" width="90%" height="70%">
<tr>
<td align="center" valign="top"><img src="./img/home.gif" border="0" onmouseover="imgChange('./img/home1.gif')" onmouseout="imgChange('./img/home.gif')" id="home" name="home"></img></td>
</tr>
<tr>
<td align="center" valign="top"><img src="./img/azienda.gif" border="0" onmouseover="imgChange1('./img/azienda1.gif')" onmouseout="imgChange1('./img/azienda.gif')" id="azienda" name="azienda"></img></td>
</tr>
<tr>
<td align="center" valign="top"><img src="./img/news.gif" border="0" onmouseover="imgChange2('./img/news1.gif')" onmouseout="imgChange2('./img/news.gif')" id="news" name="news"></img></td>
</tr>
<tr>
<td align="center" valign="top"><img src="./img/catalogo.gif" border="0" onmouseover="imgChange3('./img/catalogo1.gif')" onmouseout="imgChange3('./img/catalogo.gif')" id="catalogo" name="catalogo"></img></td>
</tr>
<tr>
<td align="center" valign="top"><img src="./img/contatti.gif" border="0" onmouseover="imgChange4('./img/contatti1.gif')" onmouseout="imgChange4('./img/contatti.gif')" id="contatti" name="contatti"></img></td>
</tr>
<tr>
<td align="center" valign="top"><img src="./img/basket.gif" border="0" onmouseover="imgChange5('./img/basket1.gif')" onmouseout="imgChange5('./img/basket.gif')" id="basket" name="basket"></img></td>
</tr>
</table>
</div>
</div>
<div id="Content">
<div id="pageHeader"></div>
<div id="preamble">
<h3>Median S.R.L.</h3>
<p class="p1"><b>Dal 1975 la risposta piu' completa alle Vostre richieste di:</b></p>
<p class="p2">- Segnaletica Aziendale</br>
- Segnaletica per Proprieta' Privata</br>
- Segnaletica di Sicurezza</br>
- Segnaletica Stradale</br>
- Dispositivi di Primo Soccorso</br>
- Dispositivi di Protezione Personale</br>
- Dispositivi di Emergenza</br>
- Dispositivi DPI</br>
- Sistemi di Protezione sul Lavoro</br>
- Sistemi Antinquinamento</br>
- Sistemi di Raccolta Rifiuti</br>
- Sistemi Antincendio
</p>
<p class="p3">E' disponibile il nuovo Catalogo Median 2005.</br>Per avere una copia cliccare <a href='mailto:info@median.it?subject=Richiesta Catalogo 2005'>qui</a>.</p>
</div>
</div>
<div id="pageBorderR"><div id="pageBorderR2"></div></div>
</body></html>
Qualcuno mi può aiutare???
Scusate il post lungo