Bueno os comento, llevo toda la mañana intentando que mi página web (diariopc.es) se visualice bien en IE7 y no lo consigo. Como podeis observar no se ve el sidebar (utilizo wordpress) y la última noticia de abajo se ve cortada, sin embargo cuando entras en cualquier noticia (dandole click al titulo) ¡Vaya! todo se ve correctamente :S, no entiendo porque pasa... he intentado desactivar los widgets y mil cosas aun añadiendo el codigo
Cita:
para que respete los estandares..aun asi se ve mal...no entiendo que puede ser..creo que el css a lo mejor...<!--[if lt IE 7]>
<script src="ie7/IE7.js"
type="text/javascript">
</script>
<script src="ie7/IE7-squish.js"
type="text/javascript">
</script>
<![endif]-->
<script src="ie7/IE7.js"
type="text/javascript">
</script>
<script src="ie7/IE7-squish.js"
type="text/javascript">
</script>
<![endif]-->
Código:
/* STANDARD STYLING */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
}
body {
color:#000; /* MAIN BODY TEXT COLOR */
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; /* MAIN BODY FONTS */
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
background-repeat: repeat;
background-attachment: fixed;
background: #F7F8E0
;
}
a {color:#0088CC;text-decoration: none;}
a:visited {color: #0088CC;}
a:hover {text-decoration: underline;}
p,.p {margin-bottom: 15px;}
img {border: none;}
ul li { margin: 0px;}
ul {margin: 5px 0px 15px;padding-left: 20px;}
ol {margin: 5px 0px 15px;padding-left: 20px;}
form {margin: 0px;padding: 0px;}
small { font-size: 90%;}
hr{border: none; border-bottom: 1px dotted #666;margin-bottom: 1em;}
blockquote{background: #f7f7f7; padding: 10px 15px;margin: 0 0 1em 2.5em;font-size:.9em;border: 1px solid #ddd;}
/* rounded borders */
#nav, #sidebar .dbx-box, .post, #subnav, .page-nav{
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#searchform #s {
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#sidebar div.dbx-box{border: 1px solid #bbb;}
#wrapper {width: 960px;margin: 0px auto;position: relative;}
#header {padding: 15px 0;} /* Height of the header */
/* site title */
h1.blogtitle {
font-size: 39px; /* blog title size */
float:left;
line-height: 47px;
position:relative;
}
h1.blogtitle .sheen {
position: absolute;
z-index: 5;
background-color: transparent;
background-image: url(images/sheen.png);
background-position: 0 0;
background-repeat: repeat-x;
display: block;
width:100%;
height: 25px;
float: left;
}
h1.blogtitle a{color: #000;}
h1.blogtitle a:hover{color: #0088CC;text-decoration: none;}
.description {
float: left;
margin-top: 21px; /* description distance from top of screen */
margin-left: 10px;
}
/* search form */
#searchform {
width: 205px;
float: right;
font-size:12px;
padding:0;
margin:0;
}
#searchform #s{
background: #ffffff url(images/form-field-bg.gif) no-repeat ;
width: 158px;
padding: 4px 7px 2px 5px;
color: #999;
border: 1px solid #888;
margin:0;
margin-top: 6px;
}
#searchform #searchsubmit {
background: url(images/search-button.png) no-repeat 0 0;
height: 24px;
width: 24px;
border: none;
cursor: pointer;
text-indent: -999%;
line-height: 1px;
margin:0;
}
/* HEADERS */
h1, h2, h3, h4, h5, h6{color: #333;font-weight: normal;margin:0;padding: 0; line-height: 1.1em;}
h1 a, h2 a, h3 a, h4 a, h5 a{color: #333;}
h1{font-size: 32px;}
h2{font-size: 28px;}
h3{font-size: 24px;}
h4{font-size: 20px;}
h5{font-size: 16px;}
h6{font-size: 12px;}
/* ------------------------------------- main content area */
#page #wrapper #container #left-col {
width: 675px;
float: left;
}
/* main menu */
#nav {
font-size: 15px;
border-bottom: 1px solid #999;
background: #AAA url(images/navgrad-normal.png) repeat-x left top;
}
#nav small{display: none;} /* remove this later */
#nav ul{
list-style: none;
display: block;
margin: 0px 0px 0px 10px;
padding: 0px;
width: 600px;
float: left;
}
#nav ul li{
font-weight: bold;
margin: 0px 5px 0px 0px;
padding: 0px;
float: left;
}
#nav ul li a{
padding: 8px 10px 8px 10px;
text-decoration: none;
color: #222;
display: block;
}
#nav .current_page_item a, #nav .current_page_item a:hover,#nav li a:active{
text-decoration: none;
background: #2a2a2a url(images/navgrad-active.png) repeat-x top left;
color: #fff;
}
#nav li a:hover{
color: #fff;
background: #2a2a2a url(images/navgrad-hover.png) repeat-x top left;
}
#nav li a:active{
color: #fff;
background: #2a2a2a url(images/navgrad-active.png) repeat-x top left;
}
Aqui les dejo el css, pero creo que es todo correcto, yo ya no se que hacer, he intentado reducir los px del wrapper, los px del sidebar....puff :(
Espero puedan ayudarme, gracias. Un saludo
PD: Dejo el resto del css en el siguiente post.
