Foros del Web » Creando para Internet » CSS »

css desestructurado en navegador

Estas en el tema de css desestructurado en navegador en el foro de CSS en Foros del Web. Hola, he pensado hacer una web con css+dreamweaver y aun no tengo mucha idea de css la verdad, el caso esque he probado con una ...
  #1 (permalink)  
Antiguo 23/01/2010, 00:35
 
Fecha de Ingreso: agosto-2008
Mensajes: 28
Antigüedad: 9 años, 4 meses
Puntos: 0
css desestructurado en navegador

Hola, he pensado hacer una web con css+dreamweaver y aun no tengo mucha idea de css la verdad, el caso esque he probado con una plantilla de dos columnas con navegacion a la derecha, en mi pc se ve bien, pero al subirlo al servidor la columna de navegación aparece de en vez de a la derecha. Cual puede ser el problema?
Quiza la pregunta es muy basica, pero como ya he dicho no tengo mucha idea de css.
Gracias de antemano.
  #2 (permalink)  
Antiguo 23/01/2010, 05:41
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 8 años, 7 meses
Puntos: 19
Respuesta: css desestructurado en navegador

Sin ver el código implicado o la página en si difícilmente podemos ayudarte, el adivino del foro está de baja por estrés :

Salud!
  #3 (permalink)  
Antiguo 23/01/2010, 09:04
 
Fecha de Ingreso: agosto-2008
Mensajes: 28
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: css desestructurado en navegador

Perdon, no se en que pensaba, evidentemente sin el codigo no hacemos nada, aqui os dejo el codigo de la plantilla:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" href="2col_rightNav.css" type="text/css" />
<link rel="shortcut icon" href="images/favicon.ico">

</head>
<body>
<div id="masthead">
<h1 id="siteName"><img src="images/nopuedoparar.jpg" width="325" height="92" /></h1>
<div id="globalNav"> <a href="#">global link</a> | <a href="#">global link</a> | <a href="#">global link</a> | <a href="#">global link</a> | <a href="#">global link</a> | <a href="#">global link</a> | <a href="#">global link</a> </div>
</div>
<div id="content">
<div id="breadCrumb"> <a href="#">breadcrumb</a> / <a href="#">breadcrumb</a> / <a href="#">breadcrumb</a> / </div>
<h2 id="pageName">Page Name</h2>
<div class="feature"><img src="images/st.jpg" width="169" height="148" />
<h3>Feature Title</h3>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor. </p>
</div><div class="story">
<h3>Story Title</h3>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor. </p>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor. </p>
</div>
<div class="story">
<h3>Story Title</h3>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor. </p>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor. </p>
</div>
</div>
<!--end content -->
<div id="navBar">
<div id="search">
<form action="#">
<label>search</label>
<input name="searchFor" type="text" size="10" />
<input name="goButton" type="submit" value="go" />
</form>
</div>
<div id="sectionLinks">
<ul>
<li><a href="#">Section Link</a></li>
<li><a href="#">Section Link</a></li>
<li><a href="#">Section Link</a></li>
<li><a href="#">Section Link</a></li>
<li><a href="#">Section Link</a></li>
<li><a href="#">Section Link</a></li>
</ul>
</div>
<div class="relatedLinks">
<h3>Related Link Category</h3>
<ul>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
</ul>
</div>
<div class="relatedLinks">
<h3>Related Link Category</h3>
<ul>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
</ul>
</div>
<div id="advert"> <img src="" alt="" width="107" height="66" /> Ad copy ad copy ad copy. Ad copy ad copy. </div>
<div id="headlines">
<h3>Headlines</h3>
<p> Headline <a href="#">full story...</a> </p>
<p> Headline <a href="#">full story...</a> </p>
<p> Headline <a href="#">full story...</a> </p>
<p> Headline <a href="#">full story...</a> </p>
</div>
</div>
<div id="siteInfo"> <img src="" width="44" height="22" /> <a href="#">About Us</a> | <a href="#">Site Map</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact Us</a> | &copy;2003 Company Name </div>
<br />
</body>
</html>
  #4 (permalink)  
Antiguo 23/01/2010, 09:50
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 8 años, 7 meses
Puntos: 19
Respuesta: css desestructurado en navegador

A ver, dices que la has subido al un servidor, ¿puedes poner la url para verla? nos sería más fácil ayudarte, porque de todos modos falta el código css.

Salud!
  #5 (permalink)  
Antiguo 23/01/2010, 10:21
 
Fecha de Ingreso: agosto-2008
Mensajes: 28
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: css desestructurado en navegador

Aqui te la dejo (he autoeliminado la direccion, hay que leerse las normas!)

Última edición por webdesigne84; 24/01/2010 a las 01:22
  #6 (permalink)  
Antiguo 23/01/2010, 13:09
 
Fecha de Ingreso: marzo-2009
Ubicación: Uruguay
Mensajes: 128
Antigüedad: 8 años, 9 meses
Puntos: 8
Respuesta: css desestructurado en navegador

Dos cosas:

Deberías subir la hoja de estilos a tu servidor. Y la otra es que CREO que está prohibido postear webs, si aún no tienes 30 mensajes publicados en el foro.

Última edición por kisquian; 23/01/2010 a las 13:10 Razón: Info incompleta
  #7 (permalink)  
Antiguo 23/01/2010, 14:36
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: css desestructurado en navegador

Hola:

El problema, puede ser, que en tu CSS tienes scripts en javascript, CSS y HTML todo mezclado, deberías hacer una limpieza y dejar solo el CSS.

Saludos.

  #8 (permalink)  
Antiguo 24/01/2010, 01:14
 
Fecha de Ingreso: agosto-2008
Mensajes: 28
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: css desestructurado en navegador

kisquian tenias razon, en mi despiste habitual olvide subir tb la hoja de estilos y encuanto a la direccion no habia leido las normas, me la pidieron y la puse, tienes razon en la politica del foro pone exactamente:

2.7 Los usuarios deben publicar al menos treinta (30) mensajes y tener un registro mayor a treinta (30) días para tener la capacidad de incluir cualquier enlace (link o URL) o dirección de correo electrónico en el cuerpo de sus mensajes o en sus firmas de usuario y para poder usar el sistema de mensajes privados.

Pido disculpas por ello.

Gracias por la colaboracion por mi parte se puede concluir el tema.

Saludos

Última edición por webdesigne84; 24/01/2010 a las 01:23
  #9 (permalink)  
Antiguo 24/01/2010, 14:29
 
Fecha de Ingreso: marzo-2009
Ubicación: Uruguay
Mensajes: 128
Antigüedad: 8 años, 9 meses
Puntos: 8
Respuesta: css desestructurado en navegador

No pidas disculpas nadie nació sabiendo.

Un saludo :)

Etiquetas: navegadores
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 13:44.