os presento mi web:
Código:
De momento esta con colores, para saber donde está cada cosa, antes de rellenar.<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<style type="text/css">
.auto-style1 {
background-color:LightSalmon;
background-repeat: no-repeat;
} .auto-style2 {
background-color:Gainsboro;
background-repeat: no-repeat;
} .auto-style3{
background-color: aqua;
background-repeat: repeat;
}
}
</style>
</head>
<body style="background-color:Pink;background-attachment:fixed;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;">
<div id="fijos" style="margin-left:auto;margin-right:auto;width:998px;margin-bottom:0px;top:0px">
<div id="banner" style="position:fixed; margin-left: auto; margin-right: auto; width: 998px; height: 200px; z-index: 4;top: 0px;" class="auto-style1"></div>
<div id="taskbar" style="position:fixed; margin-left: auto; margin-right: auto;width: 998px; height: 40px; z-index: 4;top: 200px;" class="auto-style2"></div>
<div id="entrelinea" style="position:fixed;margin-left:auto;margin-right:auto;width:998px; height:10px;"></div>
</div>
<div id="mov" style="margin-left:auto;margin-right:auto;width:998px;height:850px;margin-top:250px;z-index:2;">
<div id="contenido" style="width:998px;height:auto; background-color:honeydew;">
<br>Este es un texto de pruebaEste es un texto
de pruebaEste es un texto de pruebaEste es
un texto de pruebaEste es un texto de
pruebaEste es un texto de prueba<br>Este es
un texto de prueba<br>Este es un texto de
prueba<br>Este es un texto de
prueba<br>Este es un texto de prueba<br>Este
es un texto de prueba<br>Este es un texto de
pruebaEste es un texto de pruebaEste es un
texto de pruebaEste es un texto de
pruebaEste es un texto de pruebaEste es un
texto de prueba<br>Este es un texto de
prueba<br>Este es un texto de prueba<br>Este
es un texto de prueba<br>Este es un texto de
prueba<br>Este es un texto de prueba<br>Este
es un texto de pruebaEste es un texto de
pruebaEste es un texto de pruebaEste es un
texto de pruebaEste es un texto de
pruebaEste es un texto de prueba<br>Este es
un texto de prueba<br>Este es un texto de
prueba<br>Este es un texto de prueba<br>Este
es un texto de prueba<br>Este es un texto de
prueba<br>Este es un texto de pruebaEste es
un texto de pruebaEste es un texto de
pruebaEste es un texto de pruebaEste es un
texto de pruebaEste es un texto de prueba<br>
Este es un texto de prueba<br>Este
es un texto de pruebaEste es un texto de
pruebaEste es un texto de pruebaEste es un
texto de pruebaEste es un texto de
pruebaEste es un texto de prueba<br>Este es
un texto de prueba<br>Este es un texto de
prueba<br>Este es un texto de prueba<br>Este
es un texto de prueba<br>Este es un texto de
prueba<br>Este es un texto de pruebaEste es
un texto de pruebaEste es un texto de
pruebaEste es un texto de pruebaEste es un
texto de pruebaEste es un texto de prueba<br>
Este es un texto de prueba<br>Este
es un texto de pruebaEste es un texto de
pruebaEste es un texto de pruebaEste es un
texto de pruebaEste es un texto de
pruebaEste es un texto de prueba<br>Este es
un texto de prueba<br>Este es un texto de
prueba<br>Este es un texto de prueba<br>Este
es un texto de prueba<br>Este es un texto de
prueba<br>Este es un texto de pruebaEste es
un texto de pruebaEste es un texto de
pruebaEste es un texto de pruebaEste es un
texto de pruebaEste es un texto de prueba<br>
Este es un texto de prueba<br>Este
es un texto de pruebaEste es un texto de
pruebaEste es un texto de pruebaEste es un
texto de pruebaEste es un texto de
pruebaEste es un texto de prueba<br>Este es
un texto de prueba<br>Este es un texto de
prueba<br>Este es un texto de prueba<br>Este
es un texto de prueba<br>Este es un texto de
prueba<br>Este es un texto de pruebaEste es
un texto de pruebaEste es un texto de
pruebaEste es un texto de pruebaEste es un
texto de pruebaEste es un texto de prueba<br>
Este es un texto de prueba<br>Este
es un texto de pruebaEste es un texto de
pruebaEste es un texto de pruebaEste es un
texto de pruebaEste es un texto de
pruebaEste es un texto de prueba<br>Este es
un texto de prueba<br>Este es un texto de
prueba<br>Este es un texto de prueba<br>Este
es un texto de prueba<br>Este es un texto de
prueba<br>Este es un texto de pruebaEste es
un texto de pruebaEste es un texto de
pruebaEste es un texto de pruebaEste es un
texto de pruebaEste es un texto de prueba<br>
</div>
</div>
</div>
</body>
</html>
Mi cosa es, me gustaria añadir dos <div></div> a cada lado del contenido, ocupando "margin-top:0px;margin-bottom:0px;" y que sean de width fijo, para poder insertar imagenes verticales (logicamente). Cuando intento ponerlas, id=banner e id=taskbar desaparecen, o se ponen en el margen izquierdo...
Otra cosa es que el id=mov, me gustaria que desapareciera 10px mas abajo del taskbar, para que me entendais lo que me refiero es que no quiero que el scroll legue hasta el margen superior, sino hasta 10px debajo del taskbar, sobre unos 250px serian..
Luego.. mi ultima pregunta es, que me aconsejais para que detecte con que dispositivo me conecto? ejemplo:
Lo conecto con un pc, resolución 1440x900 o superior (windows y mac), enviara a un .html con el codigo que habeis visto arriba. si la resolucion es como la tablet android y ipad), mandara a otro .html adaptado para su tamaño, y lo mismo para smarthphones.
Alguien podria ayudar? ya que con java y css no tengo mucha experiencia.
Gracias, saludos
