MULTIMEDIA, Video digital, Grabación, Diseño gráfico, Diseño web, Programación > Webmasters - Diseño Web - Programación - Diseño gráfico

variaciones en el tamaño

<< < (3/7) > >>

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: ---
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;
}

--- Fin del código ---

Espero que te sea de utilidad, saludos

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


--- Cita de: Dabo en 12 de Septiembre de 2008, 01:19:31 am ---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.


--- Fin de la cita ---

Me haces sentir paquete |o| 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  :mrgreen:

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í.

Navegación

[0] Índice de Mensajes

[#] Página Siguiente

[*] Página Anterior