Problemas posiconamiento divs con css (wordpress)

daave92 · #1 (**permalink**) 19/03/2014, 03:48

Buenas Tardes,

Estoy rehaciendo la web de la empresa para la que trabajo, y como es una web simple, he decidido utilizar un wordpress, ya que es sencillito, facil de usar etc..

pero tengo un problema y es que los estilos de los temas son un poco tediosos, y tengo un par de errores que no se solventar...

-el primero... el pie de pagina, que se posiciona abajo, pero cuando el contenido es mas grande y hay que hacer scroll, el pie se queda en la mitad de la pagina.

-he creado un menú lateral (ya que el tema que elegí no traía 2) y tengo que darle el formato del horizontal, pero vertical, este problema no me corre prisa, ya le dedicaré un rato.

He googleado, y las soluciones que dan es para cuando la estructura

<div de contenido>
----<head>
----<menu lateral>
----<cuerpo>
</div>
<footer>
<footer>

y mi estructura es..
<head>
<cuerpo>
----<menu lateral>
----<cuerpo>
<footer>

alguna idea? os dejo el código? la forma de aqui tipica del http://css-tricks.com/snippets/css/sticky-footer/ no me vale ya que esa es la estructura de arriba

pzin · #2 (**permalink**) 19/03/2014, 03:53

Si mejor deja el código (HTML y CSS, nada de PHP

).

Para el tema del pie de página, pues por lo que dices parece que le has puesto una posición fija o absoluta, quitándola debería de resolverse ese problema.

daave92 · #3 (**permalink**) 19/03/2014, 03:57

Cita:

Iniciado por pzin

Si mejor deja el código (HTML y CSS, nada de PHP

).

Para el tema del pie de página, pues por lo que dices parece que le has puesto una posición fija o absoluta, quitándola debería de resolverse ese problema.

sí, eso fue lo primero que pensé pero se me sube para arriba!

Código CSS:

Ver original.pie_pagina{
clear:both;
position: absolute; display: block; bottom:0px; 
width: auto;
align: center;
margin-left: 180px;
}

dejo la web onstore.cc

pzin · #4 (**permalink**) 19/03/2014, 04:05

Bueno, es una mala práctica usar posiciones absolutas para la maquetación en general.

Prueba a usar un sticky footer, que parece que es lo que quieres hacer: http://www.cssstickyfooter.com/

La segunda duda que tienes no logro entender el problema que quieres solucionar.

Usa la opción highlight para cuando publiques código.

daave92 · #5 (**permalink**) 19/03/2014, 04:06

si, pero la estructura del sticky footer no la puedo hacer, ya que tengo 3 divs, y no 2

pzin · #6 (**permalink**) 19/03/2014, 04:09

Cita:

Iniciado por daave92

si, pero la estructura del sticky footer no la puedo hacer, ya que tengo 3 divs, y no 2

Como si tienes mil.

Sólo tienes que cambiar tu estructura por algo así:

Código HTML:

Ver original<body>
  <div id="page">
    <header></header>
    <div id="main"></div>
  </div>
  <footer></footer>
</body>

daave92 · #7 (**permalink**) 19/03/2014, 04:11

voy a ver si puedo, ya que como es en wordpress, si se cambian las estructuras de los divs se puede descuadrar todo, ahora te digo :P (antes lo probé y se me quedo la pagina en blanco por eso digo :P)

pzin · #8 (**permalink**) 19/03/2014, 04:14

Bueno, es normal. Tendrás que luego ajustar unas cosas u otras. Tampoco controlo nada de WordPress, pero es ir viendo.

daave92 · #9 (**permalink**) 19/03/2014, 04:19

pues eso, no se muestra nada... a ver por donde le meto mano, ya al menos tengo una referencia...

voy diciendo por aquí que tal..

truchito · #10 (**permalink**) 24/03/2014, 08:53

Buenas, si puedes poner el enlace del sitio, sería de gran ayuda, lo digo porque suelo desarrollar temas de WP desde cero.

Un saludo, Luiggi