hola foros del web alguien me podria ayudar con eso
por que cuando el titulo del post cuando es asi
el header aparece bien pero cuando
es de dos lineas se daña la cabecera como muestra la imagen
hay alguna forma de solucionar desde el css o donde lo puedo arreglar
aca dejo el css que le corresponde a la entra y tambien el de el header a ver qué error ven hay para que me ayuden con eso
se me olvido poner que cuando el post tiene mas de 60 caracteres es que se daña el header
Cita:
/*+++++++ HEADER+++++++*/
#header {display:block; width: 915px; height: 85px; margin: 0 auto;}
#logo {display: block; float:left; background: url (images/logo.gif) top center no-repeat; height: 40px; margin: 30px 0 0 0;}
#logo h1 a {padding: 10px 0 0 0; font-size: 24px; color: #666}
#searchbox { float:right; width: 200px; border: 1px solid #ccc; margin:30px 0 0 0;}
#searchbox #s { float: left; margin: 3px 0 0 5px; border: 0; width: 155px; background: none; color:#999999;}
#searchbox #go { float: right; border-left: 1px solid #ccc}
/*+++++++ ENTRY +++++++*/
#left { float: left; width: 570px; padding-left: 10px; }
.entry { text-align: justify; width: 550px; padding:0 10px; margin-bottom:10px; line-height:140%}
.entry ol li {}
.related-post { width: 530px; padding: 10px; margin: 0 10px}
.related-post { border:1px solid #AACCEE; background:#EBF3FB}
.related-post ul {border-top:1px solid #e6e6e6; margin-bottom: 5px;}
.related-post ul li {padding: 5px 0px; border-bottom: 1px solid #e6e6e6}
.content a { border-bottom: 1px dotted #ccc}
.entry h2 { font: bold 22px/28px "Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif;letter-spacing: -1px;margin-bottom:10px;}
.entry h2 a { color:#222222; }
.entry h2 a:hover {color:#999999;}
.entry p { padding-bottom:10px;}
html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; }
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li {padding-left: 20px; background: url(images/bullet.gif) left no-repeat}
.entry img {margin:0 10px 10px 10px;}
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left ;}
.custom_image img{float:left; padding:3px; margin:7px 10px 15px 0; border: 2px solid #e6e6e6; height:90px; width: 90px}
.subcontrol {margin-bottom: 10px;padding:5px; font-size: 11px; font-weight: bold; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6}
.tags, .allinfos {padding:5px 0px 5px 25px; background: #FFF8AF url(images/tag.gif) left no-repeat; font-size: 11px; font-weight: bold; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6}
.allinfos {background: #F2f2f2; padding: 5px; margin-bottom: 10px}
.share, .comments_rss, .reply {float: right; padding-left: 20px}
.reply {background: url(images/comments.gif) left no-repeat; margin-left:10px}
.comments_rss {background: url(images/feed.gif) left no-repeat; margin-left:10px; position:relative; top: 10px}
span.date { background:url(images/date.gif) no-repeat; padding-left:20px; }
span.comments { background:url(images/comment.gif) no-repeat; padding-left:20px; }
span.category { background:url(images/posted.gif) no-repeat; padding-left:20px; }
.navigation { width: 540px; padding:10px; line-height:140%; font-size:11px; }