Tema: ¡¡¡ Ayuda por favor, CAPA LOCA !!!
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/10/2010, 06:55
sanmi86
 
Fecha de Ingreso: octubre-2010
Mensajes: 11
Antigüedad: 14 años, 3 meses
Puntos: 1
Exclamación ¡¡¡ Ayuda por favor, CAPA LOCA !!!
Hola soy un programador chapao a la antigua (tablas y asp). Hace 6 meses me aventure a aprender por mi mismo php, div,css y mysql y como prueba me puesto a desarrolar una pagina para mi negocio (una autoescuela) y tengo un problema el cual llevo con el un mes y ni mis conocidos ni yo, hemos lograo solventar, por eso confio en que vosotros me podais ayudar.

La pagina en cuestion es esta :
[URL="http://www.alonso-autoescuela.es/portada.php"]http://www.alonso-autoescuela.es/portada.php[/URL]


El problema comienza cuando en el menu desplegamos la opcion "¿Quienes somos? y pinchamos en ""localizacion".
Vemos que el div del menu se desplaza hacia arriba.

Os pongo el enlace del apartado localizacion:
http://www.alonso-autoescuela.es/Quienes_Somos/localizacion.php


Informacion:

Es el esquema de la pagina es repetitivo en los diferentes html, el unico div cambiante en su contenido es "navegador"el cual se redimendina alo largo segun el contenido, por ello las demas partes estan llamadas con "includes" a diferentes archivos.



HTML:

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="STYLESHEET" type="text/css" href="/Css/estilos.css">
<link href='/Images/Favicon/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>¡¡¡ Bienvenidos a Autoescuela Alonso !!!</title>
<body>
<div id="resolucion">&nbsp;

<div id="cabecera">
<img src="/Images/Cabecera/Cabecera.jpg" name="img_cabecera" id="img_cabecera"/>
<div id="barra_despla">

<marquee>
<img src="/Images/Tunel-Coche/Tunel-Coche.gif" name="img_coche" id="img_coche"/>
<div id="cont_noticia">
<a id="noticia"> ¡¡¡ Nuevo Curso C.A.P !!!
</a></div>
</marquee>
</div>
</div>

<div id="barra_usuario">

<form name="form1" method="post" action="portada.php">

<div id="bienvenido">Bienvenid@ a Autoescuela Alonso</div>
<div id="usuario">Usuario</div>
<div id="txt_dni"><input type="text" name="dni" size="6"/></div>
<div id="contra">Contrase&ntilde;a</div>
<div id="txt_contra"><input type="text" name="contrasena" size="6" /></div>
<div id="sub_entrar"><input type="submit" name="login" value="Entrar"></div>
</form>

<div id="registrarse"><a href="default.php?opc=0">Registrarse</a></div>
<div id="perd_contra"><a href="default.php?opc=0">&iquest;Perdiste la contrase&ntilde;a?</a>
</div>
</div>

<div id="contenedor">

<div id="navegador">

<img id="coche_principal" src="Images/Principal/Coche_principal.jpg" />


</div>



<div id="menu">
<div class="navbar">
<!-- *********************************Start Menu****************************** -->
<div class="mainDiv">
<div class="topItem" >&iquest;Quienes somos?</div>
<div class="dropMenu" ><!-- -->
<div class="subMenu">
<div class="subItem"><a href="/portada.php">Inicio</a></div>

<div class="subItem"><a href="/Quienes_Somos/localizacion.php">Historia</a></div>
<div class="subItem"><a href="default.php?opc=0" target="_contenido">Contacto</a></div>
<div class="subItem"><a href="Quienes_Somos/localizacion.php">Localizacion</a></div>

</div>
</div>
</div>
<!-- *********************************End Menu****************************** -->

<!-- *********************************Start Menu****************************** -->
<div class="mainDiv" >

<div class="topItem" >Autoescuela</div>
<div class="dropMenu" ><!-- -->
<div class="subMenu">
<div class="subItem"><a href="default.php?opc=0" target="_contenido">Permisos</a></div>
<div class="subItem"><a href="default.php?opc=0" target="_contenido">Horarios</a></div>
<div class="subItem"><a href="default.php?opc=0"target="_contenido">Instal aciones</a></div>
<div class="subItem"><a href="default.php?opc=0" target="_contenido">Vehiculos</a></div>

<div class="subItem"><a href="default.php?opc=0" target="_contenido">Texts</a></div>
</div>
</div>
</div>
<!-- *********************************End Menu****************************** -->

<!-- *********************************Start Menu****************************** -->
<div class="mainDiv" >
<div class="topItem" >M. Peligrosas</div>
<div class="dropMenu" ><!-- -->
<div class="subMenu">
<div class="subItem"><a href="default.php?opc=0" target="_contenido">Cursos</a></div>

<div class="subItem"><a href="default.php?opc=0"target="_contenido">Instal aciones</a></div>
<div class="subItem"><a href="default.php?opc=0" target="_contenido">Texts</a></div>
</div>
</div>
</div>
<!-- *********************************End Menu****************************** -->

<!-- *********************************Start Menu****************************** -->
<div class="mainDiv" >
<div class="topItem" >C.A.P</div>
<div class="dropMenu" ><!-- -->

<div class="subMenu">
<div class="subItem"><a href="default.php?opc=0" target="_contenido">Cursos</a></div>
<div class="subItem"><a href="default.php?opc=0"target="_contenido">Instal aciones</a></div>
<div class="subItem"><a href="default.php?opc=0" target="_contenido">Texts</a></div>
</div>
</div>
</div>
<!-- *********************************End Menu****************************** -->

<!-- *********************************Start Menu****************************** -->
<div class="mainDiv" >
<div class="topItem" >Cursos de Formacion</div>
<div class="dropMenu" ><!-- -->
<div class="subMenu">
<div class="subItem"><a href="default.php?opc=0" target="_contenido">Cursos</a></div>
<div class="subItem"><a href="default.php?opc=0"target="_contenido">Instal aciones</a></div>
<div class="subItem"><a href="default.php?opc=0" target="_contenido">Texts</a></div>
</div>

</div>
</div>
<!-- *********************************End Menu****************************** -->

<!-- *********************************Start Menu****************************** -->
<div class="mainDiv" >
<div class="topItem" >Noticias y Cursos</div>
<div class="dropMenu" ><!-- -->
<div class="subMenu">
<div class="subItem"><a href="default.php?opc=0" target="_contenido">Nuevas Normativas</a></div>
<div class="subItem"><a href="default.php?opc=0" target="_contenido">Pr&oacute;ximos Cursos</a></div>

</div>
</div>
</div>
<!-- *********************************End Menu****************************** -->

<!-- *********************************Start Menu****************************** -->
<div class="mainDiv" >
<div class="topItem" >Notas</div>
<div class="dropMenu" ><!-- -->
<div class="subMenu">
<div class="subItem"><a href="default.php?opc=0" target="_contenido">C.A.P</a></div>
<div class="subItem"><a href="default.php?opc=0" target="_contenido">Resto de Permisos</a></div>

</div>
</div>
</div>
<!-- *********************************End Menu****************************** -->
</div>



</div>

</div>
<div id="pie_pagina">
<a id="enl_pie" href="/pol_privacidad.php" target="_contenido" title="Pol&iacute;tica de privacidad">Pol&iacute;tica de privacidad</a>.&nbsp;</span><a id="enl_pie" href="nota_legal.php" target="_contenido" title="Nota legal">Nota legal</a>.&nbsp;<a id="enl_pie" href="req_sistema.php" target="_contenido" title="Requisitos del sistema">Requisitos del sistema</a>. <br />

Copyright (c) 2010. Mediaconcha Formacion. Todos los derechos reservados
</div>

<script type="text/javascript" src="/Js/xpmenuv21.js"></script>
</body>
</html>

Os pongo el CSS mas abajo


Muchas Gracias por adelantado, espero me podais ayudar y tambien pueda aprender de ello.Un Saludo