Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de mi diseño no se visualiza correctamente en otras pc y navegadores. en el foro de CSS en Foros del Web. Bueno amigos , acabo de terminar hacer una web sistema wordpress , y pues mis moderadores se quejan ya que no se visualiza el diseño ...
  #1 (permalink)  
Antiguo 10/03/2009, 17:53
 
Fecha de Ingreso: noviembre-2008
Mensajes: 371
Antigüedad: 9 años
Puntos: 3
Exclamación mi diseño no se visualiza correctamente en otras pc y navegadores.

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!
__________________
Las Mujeres mas hermosas = Mujeres Fatales
Mi blog Personal = JAFP
  #2 (permalink)  
Antiguo 10/03/2009, 20:08
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.741
Antigüedad: 9 años, 4 meses
Puntos: 2113
Respuesta: mi diseño no se visualiza correctamente en otras pc y navegadores.

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
__________________
- León, Guanajuato
- GV-Foto
  #3 (permalink)  
Antiguo 10/03/2009, 20:28
 
Fecha de Ingreso: febrero-2009
Ubicación: Colombia
Mensajes: 20
Antigüedad: 8 años, 10 meses
Puntos: 1
Respuesta: mi diseño no se visualiza correctamente en otras pc y navegadores.

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.
  #4 (permalink)  
Antiguo 10/03/2009, 21:09
 
Fecha de Ingreso: noviembre-2008
Mensajes: 371
Antigüedad: 9 años
Puntos: 3
Respuesta: mi diseño no se visualiza correctamente en otras pc y navegadores.

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(); ?>
__________________
Las Mujeres mas hermosas = Mujeres Fatales
Mi blog Personal = JAFP
  #5 (permalink)  
Antiguo 11/03/2009, 10:20
 
Fecha de Ingreso: noviembre-2008
Mensajes: 371
Antigüedad: 9 años
Puntos: 3
Respuesta: mi diseño no se visualiza correctamente en otras pc y navegadores.

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.
__________________
Las Mujeres mas hermosas = Mujeres Fatales
Mi blog Personal = JAFP
  #6 (permalink)  
Antiguo 11/03/2009, 10:58
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.741
Antigüedad: 9 años, 4 meses
Puntos: 2113
Respuesta: mi diseño no se visualiza correctamente en otras pc y navegadores.

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.
__________________
- León, Guanajuato
- GV-Foto
  #7 (permalink)  
Antiguo 11/03/2009, 13:11
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: mi diseño no se visualiza correctamente en otras pc y navegadores.

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
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:26.