Tema: Css?
Ver Mensaje Individual
  #7 (permalink)  
Antiguo 30/05/2006, 11:17
MMCQ
 
Fecha de Ingreso: marzo-2006
Mensajes: 401
Antigüedad: 18 años, 8 meses
Puntos: 1
Ahora Mismo , tengo esto modificado . el problema es que cuando pongo otra resolucion el web no se queda en el medio , en la resolucion 800x600 , se que toda la pagina hacia la izquierdad , en la resolucion 1024x768 se ve hacia la derecha, y en la resolucion 1152x864 se ve bien en el centro como lo quiero , esa es la resolucion que estoy usando ahora mismo, pero yo quiero que en cualquier resolucion la pagina se vea en el centro y que ninguna imagen se vea en otra parte en donde yo no la e puesto... Entienden?

Bueno Aqui Esta en Codigo

Cita:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>AutoWWW | WWWWWWW</title>
</head>
<body>
<style type="text/css">



#navcontainer ul

{
padding-left:0 ;
margin-left: 4;


background-color:#282828;
color: White;
float:left;
width: 539;
font-family: arial, helvetica, sans-serif;
font-size: 12px;

}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;

background-color: #282828;

color: White;
text-decoration: none;
float: left;
border-right: 1px solid #FFFFFF;
border-style: dashed;
border-width: 1;
border-top:0;
border-bottom:0;
border-right:0;
}


#navcontainer ul li a:hover
{
background-color: #ff0000;
color: #000;


}

</style>

<style type="text/css">
body {
background-image: url(header.gif);
background-repeat:no-repeat;
background-position: 0.5em 0 1 em 0;
margin: 6.6em 0 1em 0;


}

#BR {
position:absolute;

left: 565px;

top: 347px;

margin-top: -13.3em;

margin-left: -9.9em;

border-color: #282828;

border-style: dashed;

border-width: 1;

border-top-width: 0;

}
#SS {
position:absolute;

left: 565px;

top: 347px;

margin-top: -13.3em;

margin-left: -34.7em;

border-color: #282828;

border-style: solid;

border-width: 1;

border-top-width: 1;
}
#A {
position:absolute;

left: 565px;

top: 347px;

margin-top: -3.7em;

margin-left: -9.9em;

border-color: #282828;

border-style: dashed;

border-width: 1;

border-top-width: 1;
}
#A2 {
position:absolute;


left: 565px;

top: 347px;

margin-top: -3.7em;

margin-left: 2.5em;

border-color: #282828;

border-style: dashed;

border-width: 1;

border-top-width: 1;
}

</style>
<!-- ONE STEP TO INSTALL PRE-LOADING MESSAGE:



1. Copy the coding into the HEAD of your HTML document -->



<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->



<HEAD>



<style type="text/css">

<!--

#loading {

width: 200px;

height: 100px;

background-color: #FF0000;

position: absolute;

left: 50%;

top: 50%;

margin-top: -50px;

margin-left: -100px;

text-align: center;

color: White;

}

-->

</style>



<script type="text/javascript">




<!-- Created by: Robert Paulson : http://www.abrahamjoffe.com.au/ -->

<!-- Begin

document.write('<div id="loading"><br><br>Please wait...</div>');

window.onload=function(){

document.getElementById("loading").style.display=" none";

}

// End -->

</script>





<p><center>




<!-- Script Size: 0.93 KB -->

<div id="navcontainer">

<ul id="navlist">
<li id="active"><a href="#" id="current">Inicio</a></li>
<li><a href="#">Autos Nuevos</a></li>
<li><a href="#">Autos Nuevos</a></li>
<li><a href="#">Agencias</a></li>
<li><a href="#">Herramientas</a></li>
<li><a href="#">Contacto</a></li>
<li><a href=""></a></li>
</ul>
</div>

<div id="BR"><img src="BR.gif" width="390" height="150" alt="Busqueda Rapida" border="0"></div>
<div id="SS"><img src="SS.gif" width="390" height="200" alt="Mostrador" border="0"></div>
<div id="A"><img src="ANS.gif" width="191" height="45" alt="Anuciate Aqui" border="0"></div>
<div id="A2"><img src="ANS2.gif" width="191" height="45" alt="Anuciate Aqui" align="center" border="0"></div>


</body>
</html>