mi diseño no se visualiza correctamente en otras pc y navegadores.

[jafp_pe]

Bueno amigos , acabo de terminar hacer una web sistema wordpress , y pues mis moderadores se quejan ya que no se visualiza el diseño como deve de ser... por ejemplo en algunas pc el diseño se descuadra , ahora en explorer tambien se descuadra y no se ven LAS CATEGORIAS , como si no reconociera el style .... esto es grabe...

no se por que ocurre esto pues por mi parte yo si lo veo correctamente... solo en FIREFOX POR QUE en explorer el diseño se ve muy mal...

ejemplo de como yo lo veo osea lo correcto es así...


....................................


Como veran yo quiero que se vea así en cualquier ordenador del mundo... pero se ve así en EXPLORER.. MIREN LA FOTO.. se ve mal en explorer.



se descuadra orriblemente......

Ahora yo fui a otra pc.. mi pc es de 20 pulgadas , resolucion
1182 x 864 , pues yo fui a una cabina de internet con una resolucion de menor .. y pues.. SE VE PEOR!!!!


1- NO SE PUEDE VER LAS SUB CATEGORIAS.. OSEA EN ESTE CASO LOS NOMBRES DE LOS ARTISTAS NO SE VE PARA NADA!... y pues tampoco se ve la parte patrocinados eso desaparece .. osea el SIDEBAR DOS , o el bloque tercero...



ayudenme amigos ...

GRACIAS!

[Triby]

Sin ver el codigo es muy dificil encontrar el error, pero ya se me esta haciendo costumbre esto de jugar al adivino y me atrevo a pensar que algunos <li> no se estan cerrando correctamente, justo despues de j-rock

[coljung]

Si la verdad sin ver el codigo es muy dificil ayudar.

Otra cosa con respecto a la resolucion, siempre toca tener como base 1024 px de ancho como el standard, o sea q el diseno no pase de los 1000px por mas seguridad.

[jafp_pe]

SI FUERA ASÍ POR QUE EN FIRE FOX SI SE VE MUY BIEN YO LO VEO BIEN EN FIRE FOX, pero... es wordpress... si fuera lo que dice triby pues seria todas las categorias ya que se generan de la misma manera osea el codigo es lo mismo...

sidebar

Código:

<?php
/**
 * @package WordPress
 * @subpackage Default_Theme
 */
?>
	<div id="sidebar" class="sidebar">
		<ul>
			<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(1) ) : ?>

			<li class="widget widget_categories">
				<h2><span>Categories</span><small></small></h2>
				
				<ul>
					<?php wp_list_categories('show_count=1&title_li='); ?>
				</ul>
			</li>
			
			<li class="widget widget_archives">
				<h2><span>Archives</span><small></small></h2>
				<ul>
				<?php wp_get_archives('show_post_count=1&type=monthly'); ?>
				</ul>
			</li>
			
			<li class="widget widget_tag_cloud">
				<h2><span>Tag cloud</span><small></small></h2>
				<?php wp_tag_cloud('orderby=count') ?>
			</li>

			<?php endif; ?>
<!-- lalalala-->
<li class="widget widget_tag_cloud">
<h2><span>Dia Fecha y Hora ¬¬"</span><small></small></h2>

				<embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://fc05.deviantart.com/fs29/f/2008/139/8/8/Naruto_Kakashi_Flash_Clock3_by_sd0711.swf" type="" wmode="transparent" height="180" width="220"></embed>
			</li>



<!-- lalal -->
		</ul>
	</div>

side bar 2

Código:

<div id="sidebar2" class="sidebar">
				<ul>
					<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(2) ) : ?>
					 <li class="widget widget_links">
						<h2><span>Patrocinadores</span> <small></small></h2>
						
						<ul>
							<?php foreach( get_bookmarks("show_images=1") as $link ): ?>
							<li><a href="<?=$link->link_url?>"><img src="<?=$link->link_image?>" alt="<?=$link->link_name?>" /></a></li>
							<?php endforeach; ?>
						</ul>
					</li>
					
					<li class="widget widget_recent_comments<?php if ( function_exists('get_recent_comments')) { ?>_advanced<?php } ?>">
						<?php wp_widget_recent_comments(array('number' => 5, 'before_title' => '<h2><span>', 'after_title' => '</span> <small></small></h2>')) ?>
					</li>




<li class="widget widget_tag_cloud">
<h2><span>Reproductor de MusicaJP</span><small></small></h2>

<object id="WMPlay" width="278" height="46" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" type="application/x-oleobject" VIEWASTEXT>
<param name="FileName" value="http://www.dikmp3.com/mp3/download/da019b46fdba0b8221c6b6eea7dcf3b0bc140ae7.mp3">
<param name="ShowControls" value="1">
<param name="ShowDisplay" value="0">
<param name="ShowStatusBar" value="0">
<param name="AutoSize" value="0">
<param name="Autostart" value="1"> 
<param name="DisplaySize" value="2">

<embed type="application/x-mplayer2" PLUGINSPAGE="http://www.microsoft.com/isapi/redir.dll?prd=windows&sbp=mediaplayer&ar=Media&sba=Plugin&" filename="http://www.dikmp3.com/mp3/download/da019b46fdba0b8221c6b6eea7dcf3b0bc140ae7.mp3" name="WMPlay" showcontrols="1" showdisplay="0" showstatusbar="0" autosize="100" displaysize="100" width="278" height="46">
</object>
			</li>

					
					<?php if ( function_exists('get_flickrRSS')) { ?>
					<li class="widget widget_flickrRSS">
						<h2><span>flickr photo stream</span> <small></small></h2>
						
						<ul>
							<?php get_flickrRSS(); ?>
						</ul>
					</li>


					<? } ?>

					
					<?php endif; ?>
				</ul>
			</div>

este es el index

Código:

<?php get_header(); ?>

			<div id="content">
				<?php if ( is_category() ) { ?>
				<h2 class="special">
					<span>Categoría</span>
					<strong><?php single_cat_title() ?></strong>
				</h2>
				<?php } elseif ( is_tag() ) { ?>
				<h2 class="special">
					<span>Etiquetas</span>
					<strong><?php single_cat_title() ?></strong>
				</h2>
				<?php } elseif ( is_day() || is_month() || is_year() ) { ?>
				<h2 class="special">
					<span>Archivos</span>
					<strong><?php single_month_title(" ") ?></strong>
				</h2>
				<?php } else { ?>
				<h2><span>recientemente MusicaJP.com </span> <small>Tiene <?php $count_posts = wp_count_posts(); echo $count_posts->publish; ?> artículos hasta el momento</small></h2>
				<?php } ?>
				
				<?php while (have_posts()) : the_post(); ?>
				<div class="post" id="post-<?php the_ID(); ?>">
					<h3><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><span><?php the_title(); ?></span> <small><?php comments_number('0','1','%'); ?></small></a></h3>
					
					<?php if ( $img = get_post_meta($post->ID, "image", true) ) { ?>
					<div class="headline">
						<a href="<?php the_permalink() ?>">
							<img src="<?=$img?>" alt="" />
							<span><?php the_time("M<b\i\g>j</b\i\g>") ?></span>
						</a>
					</div>
					<? } else { ?>
					<div class="date">
						<span><?php the_time("M<b\i\g>j</b\i\g>") ?></span>
					</div>
					<? } ?>
					
					<div class="text">
						<?php the_content('continue reading &raquo;'); ?>
					</div>
				</div>
			  <?php endwhile; ?>
				<!-- 
				<ul class="nav">
					<li class="prev"><?php next_posts_link('Previous Entries') ?></li>
					<li class="next"><?php previous_posts_link('Next Entries &raquo;') ?></li>
				</ul>-->
                
                
                <?php
    if(function_exists('pagination'))
        pagination(2,array("Anterior","Siguiente"));
?>


			</div>
			
<?php get_sidebar(); ?>

<?php include ('sidebar2.php'); ?>

<?php get_footer(); ?>

[jafp_pe]

ummm intento ver algun codigo malo pero no hay... creo, todo esta muy bien cerrado los div y todo lo demas... algo falta aquí no entender.

[Triby]

Para resolver problemas de diseño es mejor mostrar el codigo HTML que te da el navegador, cuando se localiza el error, entonces ya tratas de ubicarlo en el script PHP.

[kseso?]

Creo que puede ser un problema del indentado en los contenidos de los "ul" (ya sea por el margen o el padding izquierdo o por el txt-indent

prueba a definir las propiedades de .sidebar ul - .sidebar ul li - .sidebear ul li ul y .sidebar ul li ul li

También parece que haya un problema con las anchuras de los contenedores, la columna central desplaza el fondo de la columna derecha.

Y ya de paso mira a ver si tienes reseteado el css

Pero como te comentan, sin ver el código generado y las propiedades css de esos elementos son tiros a ciegas

Un saludo