Foros del Web » Creando para Internet » CSS »

Hacer compatible mi diseño con IE7

Estas en el tema de Hacer compatible mi diseño con IE7 en el foro de CSS en Foros del Web. Hola a todos mi problema es el siguiente tengo que hacer un sitio el cual ya tengo el diseño pero al entrar con IE7 aparece ...
  #1 (permalink)  
Antiguo 24/08/2010, 14:46
 
Fecha de Ingreso: septiembre-2009
Mensajes: 8
Antigüedad: 15 años, 2 meses
Puntos: 1
Exclamación Hacer compatible mi diseño con IE7

Hola a todos mi problema es el siguiente tengo que hacer un sitio el cual ya tengo el diseño pero al entrar con IE7 aparece todo deformado queria saber como puedo hacerlo compatible aca les dejo mi css
estilo.css
Cita:
/*
Theme Name: stealthbike
Theme URI: http://www.litereview.com
Description: stylized with a nice 3D stealth bike graphic.
Version: 1.0
Author: litereview
Author URI: http://www.litereview.com
Theme URI: http://www.litereview.com
*/
/* MENU bar css controls */
.menubarmain A:link, .menubarmain A:active, .menubarmain A:visited{
font-size: 13px;
text-decoration: none;
color: #FFF;
}
.menubarmain A:hover{
font-size: 13px;
color: #CCC;
}
.menubarmain{
color: #CCC;
height: 34px;
padding-bottom: 0px;
background-image:url(images/bgbotonera.jpg);
}
.menubarmain_td1{
height: 36px;
width: 200;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;

background-repeat: repeat-x;
}
.menubarmain_td2{
height: 36px;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
text-align: center;

background-repeat: repeat-x;
}
.menubarmain_td3{
height: 36px;
width: 163;

background-repeat: repeat-x;
text-align: left;
}


/* General */
body {
padding:0px;
margin:0px;
background-image:url(images/fondo.gif);
}
h1, h2, h3, h4 {
margin: 0;
}
img {
border: 0;
max-width: 100%;
}
img.aligncenter
{
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright
{
margin: 3px 0 2px 10px;
padding: 4px;
border: 1px solid #ededed;
display: inline;
}
img.alignleft
{
margin: 3px 10px 2px 0;
padding: 4px;
border: 1px solid #ededed;
display: inline;
}
.alignleft
{
float: left;
}
.alignright
{
float: right;
}
.clear {
clear: both;
height: 0;
overflow: hidden;
}
blockquote
{
margin: 15px 0 0;
border-top: 2px solid #ddd;
background: #f5f5f5;
}
blockquote p
{
padding: 15px;
}
blockquote blockquote
{
float: none;
width: auto;
margin: 0 10px;
background: #fff;
}

/* Page */
#page {
margin: 0 auto;
width: 907px;
border: red 3px;
}

/* Header */
#header {
width: 907px;
height: 160px;
background: url("images/header1.png") no-repeat;
position: relative;
}

/* Header - Info */
#header #header-info {
position: absolute;
top: 120px;
left: 10px;
}
#header #header-info h1 {
color: #126E90;
font: bold 33px Verdana;
padding-bottom: 5px;
}
#header #header-info h1 a {
color: #126E90;
text-decoration: none;
}
#header #header-info .description {
color: Black;
font: bold 15px Verdana;
}




/* Main */
#main {
width: 907px;
background: #ffffff url("images/main1.gif") repeat-y;
}
#main-top {
width: 907px;
background: url("images/main_top.gif") no-repeat;
}
#main-bottom {
width: 907px;
min-height: 113px;
background: url("images/main_bottom.gif") no-repeat left bottom;
}

/* Main - Content */
#content {
float: left;
width: 495px;
padding: 55px 16px 0 16px;
}

/* Main - Content - Post */
#content .post {
float: left;
margin-bottom: 25px;
width: 495px;
}

/* Post - Date */
#content .post .post-date {
background: url("images/post_date.png") no-repeat;
width: 122px;
height: 25px;
color: #FF6347;
text-align: center;
font: bold 10px/25px Verdana;
}

/* Post - Title */
#content .post .post-title {
width: 463px;
height: 45px;
border: 1px solid #FFFFFF;
background: url("images/post_title.gif") repeat-x;
color: #FFFFFF;
font: bold 10px Verdana;
padding: 0 15px;
}
#content .post .post-title a {
color: #FFFFFF;
text-decoration: none;
}
#content .post .post-title a:hover {
text-decoration: underline;
}
#content .post .post-title h2 {
color: #FFFFFF;
font: bold 15px/45px Verdana;
float: left;
}
#content .post .post-title h2 a {
color: #FFFFFF;
text-decoration: none;
}
#content .post .post-title h2 a:hover {
text-decoration: underline;
}
#content .post .post-title .post-title-info {
float: right;
line-height: 45px;
}

/* Post - Entry */
#content .post .post-entry {
font: normal 11px/18px Verdana;
color: #000000;
padding: 0 15px;
width: 465px;
background: #FFFFFF;
float: left;
padding-top: 10px;
padding-bottom: 10px;

}
#content .post .post-entry a {
color: #000000;
text-decoration: none;
}
#content .post .post-entry a:hover {
text-decoration: underline;
}
#content .post .post-entry .more-link {
font: bold 11px/20px Verdana;
color: #000000;
float: right;
padding-bottom: 5px;
}
#content .post .post-entry .more-link a {
color: #000000;
text-decoration: none;
}
#content .post .post-entry .more-link a:hover {
text-decoration: underline;
}

/* Post - Info */
#content .post .post-info {
padding: 0 10px 0 0;
width: 485px;
clear: both;
font: bold 10px/19px Verdana;
color: #FFFFFF;
background: url("images/post_info.gif") no-repeat;
text-align: right;
}
#content .post .post-info a {
color: #51668D;
text-decoration: none;
}
#content .post .post-info a:hover {
text-decoration: underline;
}

/* Post - Comments */
#content .post .post-entry h3 {
color: #000000;
font: bold 14px Verdana;
margin: 25px 0 5px 0;
}
#content .post .post-entry .comments {
font: normal 11px/18px Verdana;
color: #000000;
width: 465px;
}
#content .post .post-entry .comments a {
color: #000000;
text-decoration: none;
}
#content .post .post-entry .comments a:hover {
text-decoration: underline;
}
#content .post .post-entry .comments ol {
margin: 10px 0 10px 0;
padding-left: 25px;
}
#content .post .comments ol li {
padding: 5px;
}
#content .post .post-entry .comments ol li.alt {
background: #F6F6F6;
}
#content .post .post-entry .comments ol li cite {
color: #000000;
font-style: normal;
font-weight: bold;
}
#content .post .post-entry .comments ol li cite a {
color: #000000;
text-decoration: none;
}
#content .post .post-entry .comments ol li cite a:hover {
text-decoration: underline;
}
#content .post .post-entry .comments ol li .commentmetadata a {
color: #000000;
text-decoration: none;
}
#content .post .post-entry .comments ol li .commentmetadata a:hover {
text-decoration: underline;
}
#content .post .post-entry #commentform {
font: normal 11px/18px Verdana;
color: #000000;
width: 450px;
padding-left: 15px;
margin: 0;
}
#content .post .post-entry #commentform a {
color: #000000;
text-decoration: none;
}
#content .post .post-entry #commentform a:hover {
text-decoration: underline;
}

/* Main - Content - Navigation */
#content .navigation {
font: bold 11px/25px Verdana;
color: #438ECE;
width: 495px;
height: 25px;
float: left;
margin-bottom: 25px;
}
#content .navigation a {
color: #438ECE;
text-decoration: none;
}
#content .navigation a:hover {
text-decoration: underline;
}
#content .navigation .navigation-previous {
float: left;
}
#content .navigation .navigation-next {
float: right;
}

/* Main - Sidebar */
.sidebar {
float: left;
width: 170px;
font: normal 11px/18px Verdana;
color: #FFFFFF;
}
.sidebar a {
color: #035091;
text-decoration: none;
}
.sidebar a:hover {
text-decoration: underline;
}

/* Sidebar - Sides */
.sidebar-left {
padding: 15px 3px 15px 16px;
}
.sidebar-right {
padding: 15px 0 15px 3px;
}

/* Sidebar - Titles */
.sidebar h3 {
padding-left: 10px;
font: bold 12px/26px Verdana;
color: #000000;
width: 159px;
height: 35px;
background: url("images/sidebar_title1235.gif") repeat-x;
}

/* Sidebar - Menus */
.sidebar ul {
margin: 5px 0 8px 0;
padding: 0;
list-style-type: none;
}
.sidebar ul li {
padding-left: 11px;
color: #438ECE;
font: bold 10px/25px Verdana;
background: url("images/a.gif") left no-repeat;
}
.sidebar ul li a {
color: #438ECE;
text-decoration: none;
}
.sidebar ul li a:hover {
text-decoration: underline;
}

/* Sidebar - Submenus */
.sidebar ul li ul {
margin: 0;
padding: 0;
}

/* Sidebar - Forms */
.sidebar #searchform {
margin: 0;
padding: 5px 0 8px 0;
width: 170px;
text-align: center;
}
.sidebar #searchform #s {
width: 140px;
}

/* Sidebar - Tables */
.sidebar #calendar_wrap {
margin: 0 auto;
padding: 5px 0 8px 0;
width: 130px;
}
.sidebar #calendar_wrap caption {
font-weight: bold;
}
.sidebar #calendar_wrap tbody {
text-align: right;
}
.sidebar #calendar_wrap tfoot #next {
text-align: right;
}
.sidebar #calendar_wrap #today {
font-weight: bold;
}

/* Sidebar - Texts */
.sidebar .textwidget {
padding: 5px 4px 8px 4px;
}

/* Sidebar - Feed */
.sidebar #sidebar-feed {
margin: 5px auto 8px auto;
width: 128px;
height: 128px;
}

/* Footer */
#footer {
width: 907px;
height: 83px;
background: #030B0E url(images/footer.gif);
color: #ffffff;
font: 10px/20px Verdana;
text-align: center;
}
#footer a {
color: #BF0000;
text-decoration: none;
font-weight: bold;
}
#footer a:hover {
color: Yellow;
}

/* Header - Menu */


h1, h2, h3, h4 {font-family: Helvetica, Sans-Serif;font-weight: normal;}

#header ul, #header li {display: inline;list-style-type: none;list-style-image: none;}
#header li a {display: block;min-width: 4px;padding: 74px 5px 5px 5px;float: left; border-bottom: 2px solid #900; border-right: 1px solid #900;text-transform: uppercase; text-decoration: none; background: #000000 url(images/header_menu.gif) repeat-x; color: White; }
#header li a:hover { background: #000000 url(images/header_menu_ho.gif) repeat-x; color: White; }
el sitio esta creado con wordpress
Muchas gracias
Saludos :D
  #2 (permalink)  
Antiguo 24/08/2010, 17:36
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años, 7 meses
Puntos: 1485
Respuesta: Hacer compatible mi diseño con IE7

intenta validando el codigo en http://jigsaw.w3.org/css-validator/
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #3 (permalink)  
Antiguo 24/08/2010, 18:48
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 15 años, 4 meses
Puntos: 137
Respuesta: Hacer compatible mi diseño con IE7

tambien influye el HTML, la URL del sitio seria mejor para ver que pasa
__________________
Toroflix - movies.

Etiquetas: compatible, diseño, explorer, internet
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:50.