Hola a todos, escribo este post porque estoy haciendo una web y las banderas que he puesto para seleccionar los idiomas de la web se colocan en diferente posición según la versión del navegador.
La web es la siguiente monvigar.freehostia.com
A continuación os pongo el código html y el css:
CÓDIGO HTML
<!-- Site Title -->
<title> --- | --- </title>
<!-- Link to Style External Sheet -->
<link href="css/style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="page_wrapper">
<div id="page_header">
<h1 align="center"> </h1>
<div id="flag_cat"><a href="index_cat.html"><img src="img/flag_cat.gif"/></a></div>
<div id="flag_spa"><a href="index.html"><img src="img/flag_spa.gif"/></a></div>
</div>
<div id="menu_bar">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Servicios</a></li>
<li><a href="#">Trabajos realizados</a></li>
<li><a href="#">Recursos</a></li>
<li><a href="#">Contactar</a></li>
</ul>
</div>
CÓDIGO CSS
#flag_cat {
width: 0px;
height: 0px;
float:left;
position:relative;
left:735px;
top:32px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
text-align: right;
font-size: 12px;
background-image: none;
z-index: 100;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
margin: 0px;
padding-bottom: 0px;
}
#flag_spa {
width: 0;
height: auto;
float:left;
position:relative;
left:710px;
top:32px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
text-align: right;
color: #ccc;
font-size: 12px;
background-color: #fff;
z-index: 10;
}
Gracias de antemano, espero vuestras respuestas!!