elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Arreglado, de nuevo, el registro del warzone (wargame) de EHN


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  [Solucionado] Problema con div y alineación
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: [Solucionado] Problema con div y alineación  (Leído 2,584 veces)
Sancho.Mazorka


Desconectado Desconectado

Mensajes: 480


Gamer & Programador


Ver Perfil WWW
[Solucionado] Problema con div y alineación
« en: 31 Marzo 2011, 21:29 pm »

Hola, qué tal?

Estoy haciendo una web en javascript, y estoy maquetando con divs. Como hay información que tal véz el usuario no desea ver, incluí una función que oculte el div al clickearlo, y que lo muestre de vuelta al clickear otra vez la barra. El problema está en que cuando vuelvo a mostrar el div, la información de adentro pierde la alineacion y se va todo para la izquierda.

Código
  1. <div id="game_div" class="yellowline" onclick="muestra_oculta(this.id);"> <!-- BARRA CON TITULO QUE OCULTA EL CONTENEDOR -->
  2.    <div style="display: table; margin-left: auto; margin-right: auto;">
  3.        <div id="game_div_icon" class="left"><img id="game_div_icon_img" src="file:///C|/red_less.png" width="16" height="16" align="bottom" /></div>
  4.        <div id="game_div_text" class="right">&nbsp;Call of Duty: Modern Warfare 2 Multiplayer</div>
  5.    </div>
  6. </div>
  7.  
  8. <div id="game_div_container"> <!-- DIV CONTENEDOR -->
  9.    <div id="mapPreview">
  10.        <div id="preview_div">
  11.            <img src="img/nomap-en.png" alt="desconocido" name="mapname" width="240" height="135" longdesc="mapa desconocido" />
  12.        </div>
  13.        <div id="mapinfo_div"></div>
  14.    </div>
  15.  
  16.    <div id="info_bar"></div>
  17.  
  18.    <div id="jugadores"><h2>Datos aca!</h2></div>
  19.    <div id="status2" align="center" style="padding-top:5px"></div>
  20. </div>

Código
  1. function muestra_oculta(id){
  2.    if (document.getElementById){
  3.        var el = document.getElementById(id + "_container"); //se define la variable "el" igual a nuestro div
  4.        if (el.style.display == 'none'){
  5.    el.style.display = 'table';
  6.        }
  7.        else{
  8.            el.style.display = 'none';
  9. }
  10.    }
  11. }

Código
  1. #preview_div{
  2. text-align:center;
  3. position:relative;
  4. overflow:hidden;
  5. margin-top:5px;
  6. margin-bottom:2px;
  7. }
  8.  
  9. #mapinfo_div{
  10. color:#660000;
  11. text-align:center;
  12. font:Tahoma;
  13. font-weight:bold;
  14. font-size:12px;
  15. }
  16.  
  17. #info_bar{
  18. text-align:center;
  19. font:Tahoma;
  20. font-weight:bold;
  21. font-size:12px;
  22. }
  23.  
  24. #mapPreview{
  25. height:160px;
  26. }

Los DIVs que están vacios, se llenan automaticamente con información mediante AJAX. Acá no tiene relevancia eso, por ese motivo, omití el codigo.

Ahí está todo lo relacionado: HTML + JS + CSS.

Espero puedan ayudarme, muchas gracias desde ya.


Saludos, Sancho.Mazorka!    :¬¬


« Última modificación: 31 Marzo 2011, 21:49 pm por Sancho.Mazorka » En línea

Ganador Xeon Web Server ! ! !    Sancho.Mazorka :D
http://foro.elhacker.net/index.php/topic,171903.75.html


Sancho.Mazorka


Desconectado Desconectado

Mensajes: 480


Gamer & Programador


Ver Perfil WWW
Re: [Solucionado] Problema con div y alineación
« Respuesta #1 en: 31 Marzo 2011, 21:51 pm »

2 días peleando con ésto, abro un thread para ver si alguién me puede ayudar...y encuentro la solución yo solo.

Código
  1. <div id="game_div_container" style="width: 100%"> <!-- DIV CONTENEDOR -->

Solo había que forzar el ancho del div.


Saludos, Sancho.Mazorka    :¬¬


En línea

Ganador Xeon Web Server ! ! !    Sancho.Mazorka :D
http://foro.elhacker.net/index.php/topic,171903.75.html


Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Alineacion del header.gif
PHP
[Case] 2 1,952 Último mensaje 4 Diciembre 2007, 20:47 pm
por [Case]
Duda Alineacion De Texto
PHP
Chupe! 1 1,482 Último mensaje 10 Febrero 2008, 07:16 am
por ActiveSheet
Problema con alineacion de imagen y texto en Google Chrome
Desarrollo Web
ZharkD 2 3,259 Último mensaje 18 Julio 2010, 21:58 pm
por ZharkD
alineacion en c! (ayuda por favor!!!!)
Programación C/C++
llellebtt 1 2,196 Último mensaje 17 Enero 2014, 13:02 pm
por llellebtt
Problema con HTML y CSS [Alineación]
Desarrollo Web
venadHD 2 2,285 Último mensaje 14 Abril 2015, 21:35 pm
por peib0l
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines