Cgoncalves começo por agradecer a sua disponibilidade e resposta.
Efectivamente pela consulta de vários tópicos que já efectuei aqui por este valioso forum já estou a interiorizar que terei de actualizar o meu browser e irei necessitar de remodelar todo o meu site, mas ... falta-me perceber o que tenho de fazer.
Peço a sua paciência e sabedoria para, mediante uma rápida olhadela no código que aqui disponho, se me poderá ajudar e orientar na resolução deste “problema”.
HTML:<!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" xml:lang="en" lang="en">
<head>
<link rel="stylesheet" href="images/teste.css" type="text/css" />
</head>
<body>
<!-- header starts here -->
<div id="header">
<div id="header-content">
<h1 id="logo">JSN</h1>
<h2 id="slogan">JSN</h2>
<!-- Menu Tabs -->
<li>
<a href="index.asp" id="current">
JPCasado
</a>
</li>
</div>
<div class="col2 float-right">
<p>
<br>
JPCasado
</p>
</div>
</div>
<!-- content-wrap starts here -->
<div id="content-wrap">
<div id="content" style="width: 1251px; height: 128px;">
<div id="sidebar" style="width: 172px; height: 96px" >
<div class="sidebox">
<h1>Mensagens: </h1>
<marquee bgcolor="#FFFFF1" scrollamount="5" scrolldelay="100" loop="-1" width="100%" height="30%">
teste
</marquee>
</div>
</div>
<div id="main">
<a name="TemplateInfo"></a>
<h1>MSG 1<span class="gray"></span></h1>
<h1>MSG 2<span class="gray"></span></h1>
<table width='82%'>
<TR align='Left'>
<td>
<h1>Login</h1>
<p></p>
<form action="val.asp" method="Post">
<p>
<label>Utilizador:</label>
<input name="username" value="" type="text" size="30" />
<label>Password:</label>
<input name="password" value="" type="password" size="30" />
<br>
<input type="submit" value="LogIn" class="button" />
</p>
</form>
</td>
</tr>
</table>
<br>
</div>
<table width="82%">
<TR align='Left'>
<td>
<center>
<h1>JSN - Informações <span class="gray"></span></h1>
<h1>Para um uso optimizado deste site deverá utilizar o Internet Explorer 6</h1>
<p></p>
</center>
</td>
</tr>
</table>
CSS: /* top elements */
body {
margin: 0;
padding: 0;
font: normal 0.7em/1.5em Tahoma, 'Trebuchet MS', sans-serif;
color: Black;
text-align: center;
background: #FFFFF1;
}
#main h1 {
font: normal 1.5em 'Trebuchet MS', Arial, Sans-serif;
color: #A0080D;
}
#sidebar h1 {
font: bold 1.4em 'Trebuchet MS', Arial, Sans-serif;
background: #FFFFF1 url(arrow.gif) no-repeat 10px .7em;
padding: 7px 0 7px 35px;
color: #A0080D;
}
table {
text-align: center;
padding: 0px;
border-color: Black;
border: thin dashed Black;
/* position: relative;
*/
}
/* form elements */
form {
margin: 15px;
padding: 0;
background: #FFFFF1
border: 1px dashed #FFFFF1
}
label {
display:block;
font-weight:bold;
margin:5px 0;
}
input {
padding: 2px;
border: 1px solid #CCC;
font: normal 1em Verdana, sans-serif;
color:Black;
background: #CCC;
}
input.button {
margin: 0;
font: bold 1em Tahoma, Sans-serif;
border: 1px solid #CCC;
padding: 2px 3px;
color: Black;
background: #CCC;
}
#header-content, #footer-content, #content {
width: 83%;
}
/* header */
#header {
background: #FAF0E6 url(headerbg.jpg) repeat-x 0 0;
height: 80px;
text-align: left;
}
#header-content {
position: relative;
margin: 0 auto; padding: 0;
}
#header-content #logo {
position: absolute;
font: bold 50px Verdana, 'Trebuchet Ms', Sans-serif;
letter-spacing: -2px;
color: #FFFFF1
margin: 0;
padding: 0; /* change the values of left and top to adjust the position of the logo */
top: 5px;
left: 20px;
}
#header-content #slogan {
position: absolute;
font: bold 12px 'Trebuchet Ms', Sans-serif;
text-transform: none;
color: #CCC;
margin: 0; padding: 0;
/* change the values of left and top to adjust the position of the slogan */
top: 60px; left: 35px;
}
/* header menu */
#header-content ul {
position: absolute;
right: 20px;
top: 75px;
font: bolder 1.3em 'Trebuchet MS', sans-serif;
color: #FFFFF1
list-style: none;
margin: 0;
padding: 0;
}
#header-content li {
display: inline;
}
#header-content li a {
float: left;
display: block;
padding: 3px 12px;
color: #FFFFF1
}
#header-content li a:hover {
background: #000;
color: #F88F26;
}
#header-content li a#current {
background: #FFFFF1
color: #CCC;
}
/* content */
#content-wrap {
clear: both;
float: left;
background: #FFFFF1
width: 100%;
}
#content {
text-align: left;
padding: 0; margin: 0 auto;
position: relative;
/*
_position: absolute;
*position: absolute;
*/
}
/* sidebar */
#sidebar {
float: left;
width: 260px;
margin: 10px 0; padding: 0;
}
#sidebar ul.sidemenu {
list-style:none;
margin: 0;
padding: 5px 0 15px 0;
}
#sidebar ul.sidemenu li {
padding: 0 10px;
}
#sidebar ul.sidemenu a {
display: block;
font-weight: bold;
color: #6A6A6A;
height: 1.5em;
text-decoration: none;
padding: .3em 0 .3em 15px;
background: #FFFFF1
border-bottom: 1px dashed #151515;
line-height: 1.5em;
}
#sidebar ul.sidemenu a.top{
border-top: 1px dashed #151515;
}
#sidebar ul.sidemenu a:hover {
padding: .3em 0 .3em 10px;
background: #FFFFF1
border-left: 5px solid #D30F16;
color: #D30F16;
}
#sidebar .sidebox {
background: #FFFFF1
margin: 5px 15px 10px 15px;
}
/* main */
#main {
margin: 10px 0;
padding: 0 270px 0 0;
position: absolute;
}
Imagem em IE6: OK ->
http://83.240.175.205/images/IE6.JPGImagem em Mozilla e IE8: Not OK ->
http://83.240.175.205/images/Mozilla_IE8.JPGComo / o que tenho de rectificar.
MUITO OBRIGADO.