Entrar

duda sobre ubicacion en pixeles de divs

JONNA · · Solicitar retirada
Ante todo gracias por este foro!!

Me explico, estoy haciendo una web con divs y creado capas definiendo su posición con pixeles. Mi duda es que cuando hago la previsualización en html kit no sale igual la ubicación de las mismas que en el internet explorer, además en el explorer si no maximizo se me condensan los textos en pantalla y no me sale la barra de desplazamiento lateral.

¿como lo soluciono?
Puffffff estoy fatal de tiempo... lanzadme un salvavidas por favor!!!!
hq · · Solicitar retirada
Yo te aconsejaría que no especificases la posición concreta (usa float y clear), pero si no te queda más remedio, entonces, vas a tener mucho trabajo, porque ajustar las posiciones de los elementos es lo que más trabajo lleva a la hora de diseñar (ya no recuerdo el tiempo que pasé hasta que ajusté el tamaño de la cabecera en mi web), eso si, seguro que al final lo consigues.
Otra posibilidad es poner posiciones relativas, como por ejemplo que el "width" sea del 75% o algo parecido.
Y si aún así, sigues queriendo poner las medidas en pixeles, entonces, pon tu código a ver si te podemos ayudar!

----------------
Now playing: Blind Guardian - Mies Del Dolor
via FoxyTunes
JONNA · · Solicitar retirada
Gracias por responder tan rápido!!!

Veras mi problema es que la página requiere un cierto grado de diseño que no puedo alcanzar porque no se Flash ni tengo experiencia alguna de html (lo que he hecho es leerme todas las lecciones de la pagina comprenderlas y seguir los ejemplos) por lo que monto lo que es el cuerpo de la página con corel draw, exporto como png (genial porque casi no se pierde calidad) y sobre este fondo monto mis enlaces y menus con divs sin fondo.

Queda perfecto el problema es que no se corresponde lo que monto en html kit con el internet explorer y además desde el explorer si no maximizo se descoloca todo.

mañana te envio el codigo y la imagen de fondo a ver si me puedes ayudar!!!
muchisimas gracias!!!
JONNA · · Solicitar retirada
Hola de nuevo.

Te mando la imagen que he usado de fondo:

http://img522.imageshack.us/img522/5971/defpaginaprincipalnb1.png


este es el código html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>OC arquitectura y urbanismo / PROMOCIONES INMOBILIARIAS</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>

<div id="oc" style= "position:absolute; left:75; top:400; width:40; height:40; background-color:none">
<a href="http://www.sctarquitectos.com"target="_blank">
<font size=2 face=isocteur>entrar<font></a>
</div>

<div id="promociones inmobiliarias" style= "position:absolute; left:472; top:400; width:40; height:40; background-color:none">
<a href="http://www.sctarquitectos.com"target="_blank">
<font size=2 face=isocteur>entrar<font></a>
</div>


</body>
</html>

y esta mi hoja de estilos:

body {background-image: url(objetos/pagina principal.png); background-repeat: no-repeat; background-position: center center}

body {background-color: black}

a {color: white; text-decoration:none}
a:hover {color:#8b8989; text-decoration:none}


Como ves llevo muy poco hecho. si abres la pagina con html kit veras que los rotulos no estan donde deben, pero está así a proposito porque si abres la pagina con internet explorer está como debe. Sin embargo si el internet explorer no está con la ventana de windows maximizada no me sale abajo la barra de desplazamiento, y los dos enlaces me los descoloca.

Gracias de nuevo. Espero tu respuesta.
hq · · Solicitar retirada
A ver si esto te sirve. En tu hoja de estilos puedes añadir la siguiente propiedad a la imagen:

background-attachment: fixed;

Eso hace que la imagen permanezca fija como fondo. Es posible que sólo con eso ya tengas suficiente. Aunque no estoy seguro de haberte entendido del todo. Aún así, yo quitaría las posiciones absolutas, pero de ponerlas lo haría en la hoja de estilos y no en el código de la página.
JONNA · · Solicitar retirada
Perdona por no haber "posteado" antes!!

No me ha funcionado pero gracias de todas maneras, tratare de quitar las posiciones absolutas del codigo html y ponerlas en la hoja de estilo.

Gracias!!
JONNA · · Solicitar retirada
Encontré la solución!!!

La verdad es que la clave estaba en vuestras lecciones, una lección que no entendí bien del todo, la lección "una anchura fija".

Así que he hecho una capa global en la que he metido mi imagen, quitando la imagen del fondo de la página. Como los textos están en capas dentro de la capa global ya todo se mueve al unísono, puedo maximizar, minimizar y creo (tengo que comprobarlo) cambiar resolución del monitor sin que nada se descoloque!!!!

Muchas gracias por todo, en especial por lo rápido que respondeis en el foro!!!