24/08/2010, 14:46
|
| | Fecha de Ingreso: septiembre-2009
Mensajes: 8
Antigüedad: 15 años, 2 meses Puntos: 1 | |
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 |