css desestructurado en navegador

webdesigne84 · #1 (**permalink**) 23/01/2010, 00:35

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.

AlbertoGarcia · #2 (**permalink**) 23/01/2010, 05:41

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!

webdesigne84 · #3 (**permalink**) 23/01/2010, 09:04

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>

<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> | ©2003 Company Name </div>
<br />
</body>
</html>

AlbertoGarcia · #4 (**permalink**) 23/01/2010, 09:50

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!

webdesigne84 · #5 (**permalink**) 23/01/2010, 10:21

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

kisquian · #6 (**permalink**) 23/01/2010, 13:09

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.

jomaruro · #7 (**permalink**) 23/01/2010, 14:36

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.

webdesigne84 · #8 (**permalink**) 24/01/2010, 01:14

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

kisquian · #9 (**permalink**) 24/01/2010, 14:29

No pidas disculpas nadie nació sabiendo.

Un saludo :)