Comunidad de diseño web y desarrollo en internet online

IE(apesta) no respeta mi Wordpress

Foros de discusión > Wordpress, blogs y CMS

Citar            
MensajeEscrito el 05 Jun 2009 11:53 pm
Hola que tal. Gracias por el espacio, mi duda es la siguiente:

Tengo un template en WP. que lo visualizo en Firefox y se ve perfecto pero en Explorer una imagen del header me la cambia de lugar, y lo descompone todo quizas ya estoy un poco aburrido que no veo la solución.

Espero y puedan ayudarme soy un poco nuevo en esto del Wp acontinuación mi codigo Css quizas ahi este el problema¿?:

Código :

Author URI: http://www.Template-Help.com/
*/

@charset "iso-8859-1";
/* CSS Document */
body {
background-color:#000000;
color:#818181;
font-size:11px;
font-family:Tahoma, Arial;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
h1, h2, h3, h4 {
font-size:12px;
color:#ffffff;
font-family:Tahoma, arial, Times, serif;
font-weight:bold;
text-transform:uppercase;
padding-left:10px;
}
h1 a, h2 a, h3 a, h4 a {
font-size:12px;
color:#ffffff;
font-family:Tahoma, arial, Times, serif;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
padding-left:0px;
}
a {
color:#ffffff;
text-decoration:underline;
}
a:hover {
text-decoration:none
}
.postmetadataalt {
font-size:9px;
}
.table_border {
background-color:#EB9409;
width:768px;
vertical-align:top;
height:100%;
}
.table_main {
background-color:#000000;
vertical-align:top;
width:766px;
height:100%;
text-align:left;
}
.table {
width:766px;
height:100%;
display:table;
}
.table_row {
height:100%;
display:table-row;
width:766px;
}
.left {
height:100%;
vertical-align:top;
display:table-cell;
width:240px;
}
.name {
vertical-align:top;
width:240px;
height:117px;
background:url(images/name.jpg) left top no-repeat;
}
.co_name {
padding:0px 4px 0px 0px;
text-align:right;
}
.co_name a {
font-size:45px;
color:#FFA92E;
text-decoration:none;
font-family:arial, tahoma, times new roman;
}
.slogan {
padding-right:26px;
font-size:11px;
font-family:tahoma, arial;
color:#A29F9F;
padding-top:0px;
margin:0px 0px 0px 0px;
}
.cats_bg {
vertical-align:top;
width:240px;
background:url(images/cats_bg3.jpg) left top repeat-y;
}
.cats_bg1 {
vertical-align:top;
width:240px;
background:url(images/cats_bg1.jpg) left top no-repeat;
}
.sub_left {
padding:25px 5px 0px 27px;
}
.left_header {
color:#ffffff;
font-size:11px;
font-family:Tahoma, arial, verdana, courier;
padding:0px 0px 0px 18px;
margin:0px 0px 0px 4px;
background:url(images/cats_head.gif) left center no-repeat;
vertical-align:top;
}
.left_header strong {
color:#ffffff;
}
.sub_left ul {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 24px;
}
.sub_left li {
list-style:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background:url(images/li_bg1.gif) left center no-repeat;
vertical-align:top;
line-height:16px;
}
.sub_left ul li a {
text-decoration:none;
font-size:11px;
color:#FFE051;
font-family:tahoma, arial, times new roman;
padding:0px 0px 0px 15px;
}
.sub_left li a:hover {
text-decoration:underline;
}
.cats_bg2 {
vertical-align:top;
width:240px;
height:21px;
background:url(images/cats_bg2.jpg) left top no-repeat;
}
.right {
height:100%;
vertical-align:top;
display:table-cell;
width:526px;
}
.search {
vertical-align:top;
width:526px;
height:238px;
background:url(images/search.jpg) left top no-repeat;
}
.search_txt {
padding:185px 0px 0px 309px;
color:#FFBF13;
font-size:12px;
font-weight:bold;
font-family:Tahoma, arial, verdana, courier;
}
.form {
font-size:10px;
color:#000000;
font-family:Tahoma, arial, verdana, courier;
width:137px;
height:15px;
padding:0px 0px 0px 5px;
margin:0px 6px 0px 0px;
vertical-align:top;
}
.content {
vertical-align:top;
width:466px;
padding:0px 0px 0px 0px;
margin:0px 35px 0px 25px;
}
.head_bg {
vertical-align:top;
width:466px;
background:url(images/head_bg.jpg) left top repeat-y;
}
.table2 {
width:466px;
display:table;
}
.table_row2 {
display:table-row;
width:466px;
}
.date {
vertical-align:top;
display:table-cell;
width:102px;
}
.date_txt {
padding:0px 3px 0px 9px;
color:#FF8500;
font-size:14px;
font-family:tahoma, arial, Microsoft Sans Serif;
font-weight:bold;
}
.head {
vertical-align:top;
display:table-cell;
width:364px;
}
.head_txt {
padding:0px 0px 0px 10px;
color:#D5D7D6;
font-size:11px;
line-height:12px;
font-family:tahoma, arial, Microsoft Sans Serif;
}
.head_txt a {
color:#ffffff;
font-size:11px;
font-family:tahoma, arial, Microsoft Sans Serif;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}
.head_txt a:hover {
text-decoration:underline;
}
*html .date {
float:left;
}
*html .head {
float:left;
}
.cont_bg {
vertical-align:top;
width:466px;
}
.content_txt {
padding:15px 0px 20px 8px;
line-height:13px;
}
.content_txt strong {
color:#BCBCBC;
}
.content_txt a {
font-size:11px;
text-decoration:underline;
color:#ffffff;
font-family:Tahoma, arial, serif;
}
.content_txt a:hover {
text-decoration:none;
}
.content_txt ul {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 149px;
}
.content_txt li {
list-style:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background:url(images/li_bg2.gif) left center no-repeat;
vertical-align:top;
line-height:18px;
}
.content_txt ul li a {
text-decoration:underline;
font-size:11px;
color:#C66600;
font-family:tahoma, arial, times new roman;
padding:0px 0px 0px 10px;
}
.content_txt li a:hover {
text-decoration:none;
}
.more_bg {
vertical-align:top;
width:466px;
background-color:#111111;
}
.content_more {
padding:8px 15px 5px 20px;
text-align:right;
}
.content_more a {
font-size:11px;
text-decoration:underline;
color:#983B00;
font-family:Tahoma, arial, serif;
text-transform:uppercase;
font-weight:bold;
padding:0px 0px 0px 10px;
margin:0px 0px 0px 0px;
background:url(images/more_bg.gif) left center no-repeat;
vertical-align:top;
}
.content_more a:hover {
text-decoration:none;
}
*html .left {
float:left;
}
*html .right {
float:left;
}
.footer {
width:766px;
height:56px;
vertical-align:top;
}
.footer_bg {
padding:0px 0px 0px 0px;
margin:10px 0px 0px 19px;
background:url(images/foot_bg.jpg) left top no-repeat;
vertical-align:top;
}
.footer_txt {
color:#5C5C5C;
font-size:11px;
font-family:tahoma, Arial;
padding:3px 0px 0px 38px;
vertical-align:top;
line-height:13px;
}
.footer_txt a {
color:#FFA92E;
text-decoration:underline;
}
.footer_txt a:hover {
text-decoration:none;
}




Mi Header:

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>

<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>

<body>
<div align="center" style="width:100%; height:100% ">
<div align="center" class="table_border">
<div class="table_main">
<div class="table">
<div class="table_row">
<div class="left">
<div class="name">
<div class="co_name">
/"><?php bloginfo('name'); ?>
<div class="slogan"><?php bloginfo('description'); ?></div>
</div>
</div>


De antemano gracias agradesco su tiempo.

Por Rafael Romero

0 de clabLevel



 

Envíale un mensaje privado    

msie7
Citar            
MensajeEscrito el 13 Jun 2009 04:53 pm
que version de IE estas usando?

yo particularmente le hice la cruz a IE6, se que es perder una parte de la audiencia, pero poco a poco dejaran de usar ese browser.

Por superpantostado

10 de clabLevel



 

Envíale un mensaje privado    

firefox
Citar            
MensajeEscrito el 15 Jun 2009 05:59 am
Intenta agregando el siguiente codigo al inicio de tu hoja de estilos:

Código :

body{padding:0;margin:0;font:13px Arial,Helvetica,Garuda,sans-serif;*font-size:small;*font:x-small;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
table{font-size:inherit;font:100%;}
ul{list-style:none;}
img{border:0;}
p{margin:1em 0;}


Con esto reseteas los estilos de algunos o todos los navegadores, se llama reset.css :wink:

Por La100rra

Claber

5776 de clabLevel

11 tutoriales
4 articulos

Genero:Masculino  

Envíale un mensaje privado   Email   Web

Cd. Juárez, Chihuahua, México.

firefox
Foros de discusión > Wordpress, blogs y CMS

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.