El primer problema es que en firefox y en el resto de navegadores, como opera, safari, galeon, firefox en todo la web se me ve perfectamente escepto en uno, IE. En todo se me ve perfectamente menos en IE que el banner me sale mucho más alto de lo que debería dejando mucho espacio entre el cuerpo y el banner de la web.
El siguiente problema que tengo es que si os fijais en la parte derecha en el bloque Vote, la imagen que sale con un link no soy capaz de poder cuadrarl apara que me salga centrada y se vea bien, soy incapaz de poner decentemente. Que podria hacer?
la dirección donde estoy haciendo las pruebas de la web es esta: http://www.art-designs.es/web/index.html
Muchas gracias.
El CSS que estoy usando:
Código:
@import 'nav.css';
body
{
margin: 0;
font: 12px MS Reference Sans Serif, verdana, arial, helvetica, sans-serif;
text-align: left;
}
div#container
{
width: 950px;
margin: 0 auto 0 auto;
background: url('images/bg1.gif') top center no-repeat;
text-align: left;
}
div#mainCol
{
margin: -5px 0 0 0;
padding: 0 48px 0 48px;
color: #f0f0f0;
background: url('images/background_top.jpg') no-repeat;
}
div#top
{
background: url('images/topbar.jpg') repeat-x;
margin: 5px 5px 0 5px;
height: 32px;
font: 12px MS Reference Sans Serif, verdana, arial, helvetica, sans-serif;
color: #5c5c5c;
}
div#top span.l,div#top span.r
{
height: 32px;
width: 8px;
overflow: hidden;
display: block;
float: left;
}
div#top span.l
{
background: url('images/topbar_l.jpg') no-repeat;
}
div#top span.r
{
background: url('images/topbar_r.jpg') no-repeat;
float: right;
}
div#top span.date
{
background: url('images/topbar_seperator.jpg') no-repeat;
height: 24px;
display: block;
width: 385px;
float: left;
padding: 8px 0 0 15px;
overflow: hidden;
}
div#top span.welcome
{
background: url('images/bullet.jpg') 11px 11px no-repeat;
height: 24px;
display: block;
width: 375px;
float: left;
padding: 8px 0 0 25px;
overflow: hidden;
}
div#banner span
{
visibility: hidden;
}
div#nav
{
background: url('images/nav_bg.jpg') top center no-repeat;
height: 36px;
margin: 5px;
}
div#nav span.l
{
background: url('images/nav_left.jpg') no-repeat;
width: 4px;
height: 36px;
float: left;
overflow: hidden;
}
div#nav span.r
{
background: url('images/nav_right.jpg') no-repeat;
float: right;
width: 4px;
height: 36px;
overflow: hidden;
}
div#nav ul
{
float: left;
list-style-type: none;
height: 36px;
padding: 0;
margin: 2px 0 0 0;
}
div#nav ul li
{
float: left;
padding: 0;
margin: 0 0 0 25px;
height: 36px;
overflow: hidden;
}
div#nav ul li a
{
text-decoration: none;
height: 36px;
display: block;
overflow: hidden;
}
div#nav a span
{
visibility: hidden;
height: 31px;
display: block;
overflow: hidden;
}
div#nav a:hover span
{
visibility: invisible;
}
div#left
{
width: 232px;
background: #232323;
float: left;
margin: 5px;
}
div#content
{
float: left;
width: 604px;
background-image: url(images/bg1.gif);
}
form input.text
{
background: url('images/input_text.jpg') no-repeat;
height: 22px;
width: 185px;
border: 0;
font-size: 11px;
color: #555555;
padding: 3px;
overflow: hidden;
}
form input.login
{
width: 47px;
height: 17px;
background: url('images/button_login.jpg') no-repeat;
border: 0;
margin: 0;
padding: 0;
float: left;
overflow: hidden;
}
p.buttons a
{
text-decoration: none;
}
a#register_button
{
background: url('images/button_register.jpg') no-repeat;
height: 17px;
width: 47px;
display: block;
float: left;
margin: 0 0 0 7px;
overflow: hidden;
}
p.roster img
{
margin: 1px;
}
p.roster
{
padding: 0;
text-align: center;
}
div#rosterData
{
border: 1px solid #020202;
background: #181818;
margin: 3px;
color: #fe9d07;
margin-bottom: 10px;
padding: 3px;
}
div#content div.item
{
margin: 5px 2px 5px 2px;
padding: 6px;
background-image: url(images/bg1.gif);
}
div#content h1
{
background: url('images/content_header.jpg') no-repeat;
margin: -5px -5px 3px -5px;
padding: 2px;
height: 16px;
font-size: 11px;
}
p.foot
{
background: url('images/bar.jpg') top center no-repeat;
padding: 5px 0 0 0;
font-size: 10px;
width: 80%;
margin: 10px 10% 0 10%;
}
p.foot span
{
float: right;
}
p.foot a
{
text-decoration: none;
}
div#footer
{
clear: both;
height: 13px;
background: url('images/footer.jpg') no-repeat;
font-size: 10px;
padding: 5px;
}
div#footer a
{
text-decoration: none;
}
div#footer a:visited
{
font-style: normal;
}
.center
{
text-align: center;
}
a img
{
border: 0;
}
.right
{
float: right;
}
.clear
{
clear: both;
}
p
{
padding: 5px;
margin: 0;
}
a
{
color: #FFA500;
}
a:visited
{
color: #FFA500;
font-style: none;
}
