Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] mover DIV

Estas en el tema de mover DIV en el foro de CSS en Foros del Web. Amigos, estoy intentando mover el SIDEBAR al costado izquiedo, pero unos DIVS no me lo permiten.......¿puede alguno ayudarme?....pongo parte del código html y todo el ...
  #1 (permalink)  
Antiguo 10/07/2013, 22:05
Avatar de el_tigre  
Fecha de Ingreso: febrero-2006
Ubicación: Perú
Mensajes: 1.044
Antigüedad: 18 años, 9 meses
Puntos: 8
De acuerdo mover DIV

Amigos, estoy intentando mover el SIDEBAR al costado izquiedo, pero unos DIVS no me lo permiten.......¿puede alguno ayudarme?....pongo parte del código html y todo el CSS.


Este es la parte del html

Código HTML:
<div id="page" class="hfeed site">

	<div id="main">
		<div id="primary" class="site-content">
			<div id="content" role="main">

<article id="post-12" class="post-12 post type-post status-publish format-quote hentry category-cat-5">
	<header class="entry-header">
    <div class="entry-meta">
		<div class="post-date"><a href="http://miweb.org/?p=12" rel="bookmark" title="Permanent Link tov5"><span class="post-month">jul</span> <span class="post-day">3</span> </a></div> </div><!-- .entry-meta -->
	</header><!-- .entry-header -->

	<div class="quote-entry-content">
		<p>“Si te pierdes cuando te amas a ti mismo, no hay duda que te encuentras cuando te niegas.”</p>
<p><strong>Autor: Agustin de Hipona</strong></p>
	</div><!-- .entry-content -->
</article>
				
			</div><!-- #content -->
		</div><!-- #primary .site-content -->
			
		</div><!-- #main -->

	<div class="sidebars">
				<div id="sidebar-1" class="widget-area" role="complementary">
					
                    CONTENIDO DEL SIDEBAR	
    				
        		</div><!-- #secondary .widget-area -->
<!-- #secondary .widget-area -->
<!-- #secondary .widget-area -->
    </div>
	<footer id="colophon" class="site-footer" role="contentinfo">
		ESTE ES EL PIE<!-- .site-info -->
	</footer><!-- .site-footer .site-footer -->
</div> 
y este el CSS

Ya lo intenté poniendo en Sidebar float:left; y no me ha funcionado bien que digamos....

  #2 (permalink)  
Antiguo 11/07/2013, 02:23
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: mover DIV

En principio te bastaría con flotar un elemento a la izquierda y otra a la derecha.

Hice la prueba en tu web directamente:

Código CSS:
Ver original
  1. .site-content {
  2.   float: right;
  3. }
  4.  
  5. .widget-area {
  6.   float: left;
  7. }

Y funciona como se espera.
  #3 (permalink)  
Antiguo 11/07/2013, 08:06
Avatar de el_tigre  
Fecha de Ingreso: febrero-2006
Ubicación: Perú
Mensajes: 1.044
Antigüedad: 18 años, 9 meses
Puntos: 8
Respuesta: mover DIV

Hola Pzin......estoy viendo mi código y no encuentro esta línea

Código PHP:
.site-content {
  
floatright;

si lo agrego directamente en el CSS no funciona como espera....
  #4 (permalink)  
Antiguo 11/07/2013, 09:27
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: mover DIV

Usa el inspector de elementos de tu navegador, y ahí podrás ver el archivo y la linea en la que está declarado un estilo.

Etiquetas: html, maquetacion
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 22:15.