como fijar un div?

[dize]

hola estoy haciendo una web y no puedo fijar un div en su lugar supongamos

que teno el div contenido y el div contenidoaladerecha

el div contenido lo ocupo mucho ya que en cada uno va una noticia distinta o contenido distinto al centro de la pag pero al colocar un div contenido el div contenidoaladerecha se va corriendo cada vez que creo un div contenido nose si me explico bien

#contenidos {
float: left;
width: 550px;
text-align:center;

<div id="contenidos">contenido"</div>
__________________________________________________ ______________

#rightContent {
width: 160px;
margin-left: 500px;
_margin-left: 697px;
padding-bottom: 0px;
position:relative;
}

<div id="contenidoderecha">
<div id="titulo-contenidoderecha">
contenido
</div>
<a href="xxxx.xx/" target="_blank">
<img src="http://xxx.png" border="0" />
</a>


</div>



bueno algo asi es lo que tengo pero al crear otro div contenido el contenido derecha se va corriendo con el hacia abajo como lo puedo fijar para que no se corra ?

[hades87]

podrías poner un enlace a la web? pero los divs los creas uno dentro de otro, o de forma contigua?

[dize]

dentro de cada div hay otro llamado titulo-contenido o titulo-menu donde va una imagen de fondo


se cayo el servidor de 000webhost o no se ke pasa :S


se cayo el servicio de .co.cc ¬¬ aun no tengo dominio :)

[hades87]

te has fijado de haber definido todos los parámetros bien?

[dize]

bueno nose por eso pregunto :S :( xD mira ahora subo una cap de lo que me pasa (:






el que dice derecha es el que se va corriendo y quiero fijarlo ahi arriba y no puedo

[gnzlo]

humm..q raro que eso suceda, en mi caso, te digo diseñe recientemente la version d mi web en css y coloque una div de lateral y con solo darle posicion absoluta basto, veo que tu la tienes "relative" si no me equivoco, intenta colocandolas absolute, podria funcionar, espero te ayude a solucionarlo.

[lucasan]

#izquierda {
float: left;
width: 150px;
}

#derecha{
float: right;
width: 150px;
}

#centro {
margin: 0 auto;
width: 550px;
}

Intenta asi, te debería servir.

[dize]

no me funciono y absolute tampoco si le doy absolute el div derecha se va a la izquiera abajo del div del menu

[lucasan]

Debe funcionar, mira la prueba

Código:

#izquierda {
float: left;
width: 150px;
background-color: #FF5555;
}

#derecha{
float: right;
width: 150px;
background-color: #7FFFAA;
}

#centro {
margin: 0 auto;
width: 550px;
background-color: #7F2AFF;
}

Código HTML:

<div id="izquierda">
contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido 
</div>

<div id="derecha">
contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido 
</div>

<div id="centro">
contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido 
</div> 

Es todo el código que usé, nada mas, nada menos.

Inténtalo.