Div Rebelde

pablovhau · #1 (**permalink**) 27/01/2012, 09:57

Esto construyendo mi pagina y ya la tengo casi lista, soy diseñador, pero no me dedico a trabajar con web, todo bien hasta que note este problema que no he podido solucionar.

Este es el aspecto de una de las paginas

pero cuando diminuyo el tamaño de la ventana sucede esto, al mover el scroll el content pasa por sobre la sidebar con el dibujo verde. y se ve asi:

No se realmente que hacerles dejo el html

Menu-col representa el sidebar y desde layout es donde comienza la parte derecha.

<body>

<div class="menu-col" style="position:fixed;
padding:20px 0px 0px 20px;">

<a href="http://www.vhau.cl" title="VHAU/PABLO LÓPEZ"> <img src="../img/monito.png" width="135" height="217" class="monito" /> </a>

<h1 id="title">
<a href="http://www.vhau.cl" title="Home">Pablo López/VHAU</a>
</h1>
<div id="menu">
<ul>
<li type="disc"><a href="../index.html" class="hoverable">illustration / design</a></li>
<li type="disc"><a href="../others.html" class="hoverable">others</a></li>
<li type="disc"><a href="../about.html" class="hoverable">about</a></li>
<li type="disc"><a href="../contact.html" class="hoverable">contact</a></li>
<li type="disc"><a href="http://www.holavhau.blogspot.com/" class="hoverable">blog</a></li>

</ul>

</div>
<div id="menu2">
<a href="../copyright.html" class="hoverable"> Copyright 2012 VHAU</a>
</div>

</div>
<div id="layout">

<div id="content"><div id="news-content">

<div class="news">

<h1>BETTER PLACE TO PLAY</h1>

<p align="justify" class="en">First exhibition of my first jobs. Skate decks and illustrations.</p>
<p align="justify"> </p>
<p align="justify" class="text">Primera exposición con mis primeros trabajos. Skate decks e ilustraciones.</p>

GRACIAS OJALA ALGUIEN PUEDA SALVARME

C2am · #2 (**permalink**) 27/01/2012, 12:54

Puedes poner un enlace, o completar el código con el CSS.

En principio parece que tiene que ver con la posición del menu
position:fixed;
¿Puedes cambiarlo por relative?

Saludos

pablovhau · #3 (**permalink**) 27/01/2012, 15:17

Hola, gracias por contestarme, el css de ese lado es

#layout{
float: left;
width: 100%;
margin: 20px 0px;

}
#menu-col{
float: left;
width: 230px; /*Width of left column*/
margin-left: -100%;
padding:20px;
font-family:Arial, Helvetica, sans-serif;
}

#content{
margin-left: 230px; /*Set left margin to LeftColumnWidth*/
}

#news-content{width:610px;
}

Pienso que tiene que ver con que el sidebar o menu-col, este con atribucion fixed, pero esta asi para que no se mueva nunca con el scroll abajo arriba

GRACIAS

Middrel · #4 (**permalink**) 27/01/2012, 15:58

Puedes meterlo en otro div con una posición absoluta, si quedará atrás usa un z-index.

Saludos.

C2am · #5 (**permalink**) 27/01/2012, 16:30

Si no quieres que se mueva cambia el width del layout por un valor fijo,
#layout{
float: left;
width: XXX px;
margin: 20px 0px;
}

Saludos

pablovhau · #6 (**permalink**) 28/01/2012, 19:08

Hola gracias por contestar, pero ninguna de las dos alternativas me funciona...

Miguelso · #7 (**permalink**) 30/01/2012, 09:23

Hola @pablovhau! He entrado a tu sitio y todo parece ir bien! Puedes dar más detalles del error? Navegador en el que estás experimentando el problema por ejemplo!

Gracias.