Posted by kikegimenez on May 4, 2011 at 4:39am
Muy buen dia a todos,
Les escribo por un problema que estoy teniendo con un sitio en produccion actual, el cual se ve perfectamente en Chrome y FireFox pero con IE se descuadra una region.
Basicamente modifique y cree nuevas regiones ubicandoles justo debajo del menu principal. Por alguna razon en IE se descuadran.
A continuación las fotos.
No se si estoy olvidando algo en particular. El theme que uso es una modificacion de Danblog. Cualquier ayuda seria eternamente agradecido &^D
Gracias a todos de antemano.
| Attachment | Size |
|---|---|
| sitio_chrome.png | 452.68 KB |
| sitio_firefox.png | 407.25 KB |
| sitio_internetexplorer8.png | 438.84 KB |
Comments
Es un problema de CSS, no sé
Es un problema de CSS, no sé si nos podría proporcionar toda la información de las id o classes que estén siendo usadas en el div.
Además de la estructura del div.
O el link del theme.
Saludos
Comunidad de Developer de Costa Rica estamos buscando nuevos autores, si quiere ser parte del proyecto, escríbame!
tal vez no ahora, pero para
tal vez no ahora, pero para evitar este tipo de problemas a futuro intenta usar blueprint CSS [1], un framework que ayuda mucho a evitar este tipo de problemas.
y si tienes poca experiencia usando themes ayudate usando Zen Theme [2], muy bueno para armar cosas rápidamente y aprovechando la potencia de drupal.
[1] http://www.blueprintcss.org/
[2] http://drupal.org/project/zen
Saludos!
@cesars
indexante.com
Gracias por sus respuestas
Gracias por sus respuestas !!!
@cesars de hecho si tienes razon blueprints me lo han mencionado lo voy a usar en un futuro. EL theme Zen lo use un tiempo pero me resulto muy tedioso crearlo desde 0, con danblog me ha ido de maravilla el unico problema que he tenido es este.
@Nitos Si d hecho comparto tu idea es algo con el CSS. Basicamente lo que hice fue editar el page.tpl y crear dentro del content-top unos div con clases para las imagenes.
A continuacion la parte del page.tpl que edite. Muchisimas gracias de nuevo.
<div id="content">
<a id="main-content"></a>
<?php if ($page['content_top']) : ?><div class="content-top"><?php print render ($page['content_top']); ?>
</div>
<?php endif; ?>
<?php if ($show_messages) { print $messages; }; ?>
<?php /*?><?php print render($title_prefix); ?>
<?php if ($title): ?>
<h1 class="title" id="page-title">
<?php print $title; ?>
</h1>
<?php endif; ?>
<?php print render($title_suffix); ?><?php */?>
<div class="img-track">
<img src="//localhost/nouma/themes/danland/images/img-track.png" />
</div>
<div class="flecha">
<img src="//localhost/nouma/themes/danland/images/flecha.png" width="75" height="75"/>
</div>
<div class="mini-servicios">
<img src="//localhost/nouma/themes/danland/images/mini-servicios.png" />
</div>
<?php if ($tabs): ?>
<div class="tabs">
<?php print render($tabs); ?>
</div>
<?php endif; ?>
<?php print render($page['help']); ?>
<?php if ($action_links): ?>
<ul class="action-links">
<?php print render($action_links); ?>
</ul>
<?php endif; ?>
<?php if ($page['content']) : ?><div class="content-middle"><?php print render ($page['content']); ?></div>
<?php endif; ?>
<?php if ($page['content_bottom']) : ?><div class="content-bottom"><?php print render ($page['content_bottom']); ?></div>
<?php endif; ?>
</div> <!-- end content -->
<?php if ($page['sidebar_second']): ?>
<div id="sidebar-right" class="column sidebar"><div class="section">
<?php print render($page['sidebar_second']); ?>
</div></div> <!-- end sidebar-second -->
<?php endif; ?>
<div style="clear:both"></div>
</div> <!-- end wrapper -->
CSS frameworks
Es muy conveniente utilizarlos, otro que en lo particular he utilizado en varias ocaciones ademas de http://www.blueprintcss.org/ es el http://960.gs/
Themes relacionados :
http://drupal.org/project/blueprint
http://drupal.org/project/ninesixty
http://drupal.org/project/omega
Saludos,
Jesus Manuel Olivas
http://jmolivas.com
@jmolivas
--
http://jmolivas.com/
@jmolivas
Promovido al grupo Spanish
Todas las consultas técnicas se deben realizar en el grupo Spanish y opcionalmente en algún grupo geográfico de interés.
Gracias por su colaboración.
--
[develCuy](http://steemit.com/@develcuy) on steemit
¿Tienes el sitio en algún lugar donde se pueda ver?
Para revisarlo con el Mozilla Firebug y ver qué se puede hacer. ¿Tienes una liga?
algunas veces se deba por los
Algunas veces se deba por los position: xxx; y float : xxx; del css. Intenta usar los clearfix que algunos personajes se han creado para facilitar la correcta posición de los objetos en el markup. Intenta apoyarte en las herramientas de desarrollo tanto de IE (F12) como en firebug (f12) para Firefox. Opera y Chrome también poseen herramientas de desarrollo propias que te permiten ver como se están tomando los objetos.
Muchas veces la solución es poner distintos css para IE puedes hacer uso de los \9 * o _. Por ejemplo el \9 toma todos los navegadores de IE ejemplo
body { backgroung: red; /* Todos los navegadores /background: blue \9; / Todos los IE (creo que el Ie9 también) /
_background: yellow; / SOLO IE7 /
background: green; /* SOLO IE6 */
Creo que es así. Si no es una guía para que busques los hacks correctos del css.
[at]killua99 ~~
codigo css
Si nos mostraras tu codigo css para replicarlo en alguna web y ver porq sucede eso q dices, de entrada el ie7 es el q mas problemas da, en cuanto al ie8 deberia ser 99% compatible con tu codigo actual, teniendo como base de desarrollo el firefox 3.6+
GRACIAS!!!
Muchisimas gracias a todos por sus comentarios !!! el problema fue resuelto ya al parecer el DIV wrapper y content tenian un inherit automatico de los margenes. Lo cual logre cambiar y ajustar perfectamente.
Luego que suba la version final al webserver les enviare la URL.
Gracias !!!! <3