Tema: variaciones en el tamaño

[Liamngls]

#main {
width: 700px;
float:left;
margin: 0px auto;
padding: 5px 0 10px 0;
overflow:hidden;
}

Pues, por probar más que nada, añadir el auto en main y si no funcionase se podría probar a añadirlo en la sidebar, iría así:



#sidebar {
padding: 0;
margin: 0 0 0 730px auto;
background: #fff;
}

De todas formas ando investigando, de momento en la documentacion de WP no he encontrado nada ... sigo buscando ... en la web 1.0 estás tonterías se solucionaban con nada ahora con el php, el css y la madre que los trajo a veces las cosas más sencillas se hacen un mundo.

[Dabo]

Hola amigo, no había leido este post pero veo que Liamngls está aconsejándote más que bien, imagino que tienes desactivado el caché de Wordpress (si lo usas) o vacias el de tu navegador cuando haces los cambios, sé que será así pero te lo comento por si acaso.

Aquí te va todo mi CSS 

Código: [Seleccionar]


body {
background : #fff url(images/bar.png) repeat-x 0 10px;
color : #000;
font-family : Arial, Verdana, sans-serif;
margin : 0;
padding : 0;
}
.skip, hr {
position : absolute;
left : -9999px;
}
a:link, a:visited {
color : #0033cc;
text-decoration : underline;
}
a:visited {
color : #0033cc;
text-decoration : underline;
}
a:hover, a:active {
color : #0033cc;
text-decoration : none;
}
a img {
border : none;
}
acronym, abbr {
border-bottom : 1px dashed #333;
}
acronym, abbr, span.caps {
font-size : 90%;
letter-spacing : 0.07em;
}
acronym, abbr {
cursor : help;
}
blockquote {
background : url(images/quote.png) no-repeat;
margin-left : 1.5em;
padding : 1px 0 0 40px;
border-top : 3px double #ddd;
border-bottom : 3px double #ddd;
}
cite {
font-size : 100%;
font-style : normal;
}
h1 {
font : 200%/1.15 Arial, serif;
letter-spacing : -0.2px;
margin : 0;
padding : 40px 0 5px 160px;
}
#header h1 a:hover, #header h1 a:active {
text-decoration : none;
color : #d70606;
}
p.payoff {
margin : 0 0 25px 160px;
padding : 0;
color : #999999;
font : 110% Arial, serif;
}
h2 {
font : 150% Arial, serif;
letter-spacing : -0.2px;
margin : 15px 0 2px 0;
padding-bottom : 5px;
}
h3 {
font : 130% Arial, serif;
margin-top : 0;
}
ol#comments li p {
font-size : 100%;
}
p, li, .feedback {
font : 90% Arial, Verdana, sans-serif;
letter-spacing : 0;
}
ul.post-meta {
list-style : none;
}
ul.post-meta span.post-meta-key {
font-weight : bold;
}
.feedback {
color : #ccc;
text-align : right;
clear : both;
border-top : 1px solid #eee;
}
.feedback a {
color : #d70606;
}
.feedback a:hover, .feedback a:active {
text-decoration : none;
}
.feedback p {
padding : 0 25px;
background : url(images/comment.gif) no-repeat top right;
}
.meta {
font-size : 0.75em;
}
.meta li, ul.post-meta li {
display : inline;
}
.meta ul {
display : inline;
list-style : none;
margin : 0;
padding : 0;
}
.meta, .meta a {
color : #999;
font-weight : normal;
letter-spacing : 0;
}
.meta a {
color : #d70606;
text-decoration : underline;
}
.meta a:hover, .meta a:active {
text-decoration : none;
}
.meta .tags {
background : url(images/tag.gif) no-repeat 0 0;
padding-left : 20px;
}
.meta .user {
background : url(images/user.gif) no-repeat 0 0;
padding-left : 20px;
}
.post {
margin-bottom : 40px;
}
.post ul {
margin : 0;
padding : 0;
}
.post ul li {
margin : 0;
padding : 0.2em 20px;
background : url(images/list.png) no-repeat 0 4px;
list-style : none;
}
.post ol {
margin : 0 25px;
padding : 0;
}
.post ol li {
margin : 0;
padding : 0.2em 0;
}
.storytitle {
margin : 0;
}
.storytitle a {
text-decoration : none;
}
.storytitle a:link, .storytitle a:visited {
color : #444;
text-decoration : none;
}
.storytitle a:hover, .storytitle a:active {
color : #d70606;
}
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
background : #fff;
border : 1px solid #333;
padding : 0.2em;
}
#commentform textarea {
width : 95%;
}
#commentlist li ul {
border-left : 1px solid #ddd;
font-size : 110%;
list-style-type : none;
}
.commentlist li {
border-top : 1px solid #eee;
padding-top : 10px;
margin-top : 5px;
}
img.avatar {
margin : 0 5px 0 0;
padding : 1px;
border : 1px solid #eee;
}
div.commentbody {
margin : 10px 60px 10px 30px;
padding : 25px 0 0 10px;
background : #eee url(images/comment-top.png) no-repeat;
}
div.commentbody div {
padding : 0 5px 5px 0;
background : #eee url(images/comment-bottom.png) no-repeat bottom right;
}
#container {
width : 100%;
min-width : 770px;
background : url(images/flowers.png) no-repeat bottom right;
}
#wrapper {
float : left;
width : 100%;
margin-left : -330px;
}
#content {
margin : 0 0 0 330px;
padding : 30px 10px 10px 80px;
background : transparent;
}
#header {
background : #000 url(images/header.png) repeat-x;
letter-spacing : -0.2px;
margin : 0;
padding : 0;
position : relative;
}
#header a {
color : #fff;
text-decoration : none;
}
#header a:hover {
text-decoration : underline;
}
#searchform {
position : absolute;
right : 80px;
top : 95px;
}
#searchform label {
position : absolute;
left : -9000px;
}
#searchform input {
width : 100px;
}
#searchform button {
background : transparent;
border : none;
padding : 0;
margin : 0;
vertical-align : middle;
cursor : pointer;
color : #fff;
}
p#rss {
position : absolute;
right : 80px;
top : 55px;
margin : 0;
padding : 0;
}
.textwidget {
margin-top : 5px;
font-family : Arial, Helvetica, sans-serif;
font-size : 80%;
font-style : normal;
font-weight : normal;
}
#menu {
padding : 10px 80px 10px 50px;
float : right;
display : inline;
width : 200px;
margin : 0 0 240px 0;
background : transparent url(images/sidebar.gif) no-repeat;
}
#menu form {
margin : 0 0 0 13px;
}
#menu input#s {
width : 80%;
background : #eee;
border : 1px solid #999;
color : #000;
}
#menu ul {
color : #444;
font-weight : bold;
list-style-type : none;
margin : 0 0 20px 0;
padding : 0;
height : 1%;
}
#menu ul li {
font : bold 110% Verdana, Times, serif;
letter-spacing : 0;
margin : 20px 0 0 0;
padding : 0 0 5px 0;
background : transparent;
}
#menu ul ul {
font-variant : normal;
font-weight : normal;
line-height : 100%;
list-style-type : none;
margin : 0;
padding : 0;
text-align : left;
border : none;
}
#menu ul ul li {
border : 0;
font : normal normal 70%/1.7em Arial, Verdana, sans-serif;
letter-spacing : 0;
margin-top : 0;
padding : 0;
padding-left : 20px;
background : url(images/list.png) no-repeat 0 3px;
}
#menu ul ul ul {
border : none;
}
#menu ul ul ul li {
font-size : 100%;
}
#menu ul ul li a {
color : #d70606;
text-decoration : none;
}
#menu ul ul li a:hover, #menu ul ul li a:active {
border-bottom : 1px solid #d70606;
}
#menu ul ul ul.children {
font-size : 100%;
padding-left : 4px;
}
#wp-calendar {
border : none;
empty-cells : show;
font-size : 14px;
margin : 0;
width : 90%;
}
#wp-calendar #next a {
padding-right : 10px;
text-align : right;
}
#wp-calendar #prev a {
padding-left : 10px;
text-align : left;
}
#wp-calendar a {
display : block;
text-decoration : none;
color : #d70606;
font-weight : bold;
}
#wp-calendar a:hover {
background : #e0e6e0;
color : #333;
}
#wp-calendar caption {
color : #444;
font-size : 120%;
margin-bottom : 5px;
text-align : left;
}
#wp-calendar td {
color : #999;
font : normal 100% Arial, Verdana, sans-serif;
letter-spacing : normal;
padding : 2px 0;
text-align : center;
}
#wp-calendar td.pad:hover {
background : #fff;
}
#wp-calendar td:hover, #wp-calendar #today {
background : #eee;
color : #bbb;
}
#wp-calendar th {
font-style : normal;
text-transform : capitalize;
}
div.date p {
width : 40px;
height : 50px;
float : left;
margin : 0 10px 0 0;
padding : 5px;
background : #d70606 url(images/date.png) no-repeat;
color : #ddd;
text-align : center;
font-size : 70%;
overflow : hidden;
}
div.date span.mese {
display : block;
margin-bottom : 8px;
}
div.date span.giorno {
font-size : 190%;
color : #444;
font-weight : bold;
line-height : 0.8;
}
div.date p span.anno {
margin : 0;
padding : 0;
color : #666;
font-size : 80%;
font-family : Tahoma, Arial, sans-serif;
}
#menu1 {
height : 1%;
overflow : hidden;
margin-left : 80px;
}
#menu1 ul {
margin : 0;
padding : 0;
}
#menu1 ul li {
float : left;
display : inline;
margin : 0;
padding : 0;
}
#menu1 ul li a {
padding : 8px 20px;
display : block;
text-decoration : none;
}
#menu1 ul li a:link, #menu1 ul li a:visited {
background : #222 url(images/menu.png) repeat-x top left;
color : #ddd;
border-left : 1px solid #333;
border-top : 1px solid #333;
}
#menu1 ul li a:hover, #menu1 ul li a:active {
background : #333 url(images/menu.png) repeat-x 0 -100px;
color : #fff;
text-decoration : none;
border-left : 1px solid #444;
border-top : 1px solid #444;
}
#menu1 ul li.current_page_item a:link, #menu1 ul li.current_page_item a:visited {
background : #d70606 url(images/menu_in.png) repeat-x top left;
color : #fff;
border-left : 1px solid #d70606;
border-top : 1px solid #d70606;
}
#footer {
clear : both;
background : #000 url(images/header.png) no-repeat;
border-top : 2px solid #d70606;
color : #fff;
margin : 0;
padding : 0 80px;
text-align : center;
font-size : 80%;
min-height : 34px;
}
#footer p {
padding : 10px;
margin : 0;
font-weight : bold;
font-family : Verdana, serif;
}
#footer p.up {
float : right;
}
#footer p.up a {
padding-right : 20px;
background : url(images/top.gif) no-repeat top right;
}
#footer a:link, #footer a:visited {
color : #ddd;
text-decoration : underline;
}
#footer a:hover, #footer a:active {
color : #fff;
text-decoration : none;
}
.aligncenter, div.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
}
.alignleft {
float : left;
margin : 0 10px 5px 0;
}
.alignright {
float : right;
margin : 0 0 5px 10px;
}
.wp-caption {
border : 1px solid #ddd;
text-align : center;
background-color : #f3f3f3;
padding-top : 4px;
margin : 10px;
}
.wp-caption img {
margin : 0;
padding : 0;
border : 0 none;
}
.wp-caption p.wp-caption-text {
font-size : 11px;
line-height : 17px;
padding : 0 4px 5px;
margin : 0;
}
.contactform {
position : static;
overflow : hidden;
width : 95%;
}
.contactleft {
width : 25%;
white-space : pre;
text-align : right;
clear : both;
float : left;
display : inline;
padding : 4px;
margin : 5px 0;
}
.contactright {
width : 70%;
text-align : left;
float : right;
display : inline;
padding : 4px;
margin : 5px 0;
}
.contacterror {
border : 1px solid #ff0000;
}
.wpv_videoc {
text-align : center;
display : block;
margin-left : auto;
margin-right : auto;
width : 425px;
}
.wpv_video {
display : block;
margin-left : auto;
margin-right : auto;
padding : 4px 0 4px 0;
width : 425px;
height : 350px;
}
.wpv_rating {
margin-left : auto;
margin-right : auto;
width : 95%;
padding : 3px;
border-top : 1px solid #aaa;
font : 8pt "Lucida Grande", Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
text-align : right;
}
.wpv_titleauthor, .wpv_durationdate, .wpv_description {
display : block;
margin-left : auto;
margin-right : auto;
width : 95%;
font : bold 11px "Lucida Grande", Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
color : #666;
padding : 3px;
border-top : 1px solid #aaa;
}
.wpv_download {
display : block;
margin-left : auto;
margin-right : auto;
padding : 3px;
}
.wpv_download a {
font : bold 11px "Lucida Grande", Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
color : #f44;
}
.wpv_download a:hover {
text-decoration : none;
}
.wpv_download img {
border : 0;
}
.wpv_self {
text-align : left;
}
.wpv_self a {
font : bold 9px "Lucida Grande", Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
color : #000;
}

Espero que te sea de utilidad, saludos

[dmacias]

Gracias a los dos, me pondre un rato a ver si saco algo.

Hola amigo, no había leido este post pero veo que Liamngls está aconsejándote más que bien, imagino que tienes desactivado el caché de Wordpress (si lo usas) o vacias el de tu navegador cuando haces los cambios, sé que será así pero te lo comento por si acaso.

Me haces sentir paquete por que no hago nada de esto.

Voy a investigar eso de la cache tambien.

Gracias y saludos

[dmacias]

Bueno, he estado investigando poco a poco y algo he conseguido, ya he puesto que se ajuste a la resolucion que sea pero con un par de peros 

Lo primero es que me a quedado un margen en el lado derecho que no he podido quitar, pero weno, será cuention de buscar bien  donde esta ese margen.
Ahora llega lo fuerte
#wrapper{
width: 960px auto;
margin: 0;
padding: 0px;
text-align:left;
font-size: 85%;
line-height:20px;
background: #fff;
border-left: 3px solid #333;
border-right: 3px solid #333;
}

con esto se ha ajustado a la pantalla que sea, pero lo único que se a puesto "elastico" que se encoje y se estira es el sidebar, el main sigue siendo de los px que le nombro sin "elasticidad" ninguna.

os lo pego de nuevo

#main {
width: 700px ;
float:left;
margin: 70px;
padding: 5px 0 10px 0;
overflow:hidden
background: #fff;
}


#sidebar {
padding: 0;
margin: 0 0 0 900px;
background: #fff;

Por si veis donde puede estar el fallo.
Si logro poner "elastico" el main, asunto terminado y blog perfect.

Seguire investigando.

Un saludo

[Liamngls]

#main {
width: 700px auto;
float:left;
margin: 70px;
padding: 5px 0 10px 0;
overflow:hidden
background: #fff;
}

Prueba así.

[dmacias]

Con esto está conseguido el efecto elastico, sino fuera por que me tira la sidebar debajo del main, osea cuando termina la ultima entrada empieza la sidebar, a la derecha eso si

Código: [Seleccionar]

#wrapper{
width: 0px auto;
margin: 0;
padding: 0px 0px 0px 0px;
text-align:left;
font-size: 85%;
line-height:25px;
background: #fff;
border-left: 3px solid #333;
border-right: 3px solid #333;
}


#header{
padding: 1px 0px;
margin: 0;
background: #ccc;
}


#header-inner{
margin:0;
padding:0;
}



#content{
clear:both;
margin: 0px;
padding: 5px 5px 5px 10px;
background:transparent;
}

#content-inner{

}

#main {
width:  auto;
float:left;
margin-left: 0;
padding: 50px 400px 50px 50px;
overflow:hidden
background: #fff;
}


#sidebar {
float:right;
padding: 0px 10px 10px 900px;
margin: 0 0 0 0 ;
background: #fff;
}


Lo pongo por si alguien ve algo claro.

Si nadie ve nada, se va a quedar como esta ya que he probado por todos los lados, con margin, ahora con padding tambien he probado y estoy hecho un lio.

#main {
width: 700px auto;
float:left;
margin: 70px;
padding: 5px 0 10px 0;
overflow:hidden
background: #fff;
}

Prueba así.

Pasa lo mismo, me tira la sidebar debajo de las entradas 
No se si conseguire algo, pero la verdad es que me estoy divirtiendo y aprendiendo mucho jejejeje

Un saludo

[Liamngls]

Cambiando un poco de tema ... ¿Qué navegador usas?

[dmacias]

Firefox 3 

os apoyo a la mayoria supongo

Ya he cenado, voy a volver al lio un poquito mas, que soy muy terco.

Por cierto, mis felicitaciones por la asistencia que muestras, en dos palabaras im-presionante

Un saludo

[Dabo]

Hola de nuevo amigo, ciertamente lo de Liamngls es la leche -;), tengo mucho lío aquí con el servidor y así viéndolo por encima no veo nada que esté mal o que pueda hacer que no quede una redimensión como debe ser ¿?

A ver si tengo tiempo este fin de semana para mirártelo

[Liamngls]

Ando probando algunas cosillas con Firebug pero no acabo de encontrar la solución.

Lo mejor, de momento, es que lo dejes de una forma que se vea bien y si te interesa puedes instalarte esta extensión en Firefox para trastear sin necesidad de tener que andar editando todo el tiempo el archivo css:

http://es.wikipedia.org/wiki/Firebug

Al final daremos con ello