Foros del Web » Creando para Internet » CSS »

Problemas con Theme y css en IE

Estas en el tema de Problemas con Theme y css en IE en el foro de CSS en Foros del Web. Hola Foristas, tengo, como siempre, un problema en IE. Resulta que un Wordpress se ve genial con las modificaciones que le hice en Firefox, Chrome ...
  #1 (permalink)  
Antiguo 30/12/2008, 18:27
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 432
Antigüedad: 12 años, 3 meses
Puntos: 3
Problemas con Theme y css en IE

Hola Foristas, tengo, como siempre, un problema en IE. Resulta que un Wordpress se ve genial con las modificaciones que le hice en Firefox, Chrome y Opera, pero, mal en IE- El problema es que la barra de navegación(Menú) queda muy arriba mientras que en los otros browser no. Yo lo modifiqué para que quede bien el logo.
Desde ya gracias por las constantes ayudas que me dan.

Css:

Código css:
Ver original
  1. /*
  2. Theme Name: ADSimple
  3. Theme URI:
  4. Description: Simple theme based on <a href="http://articlesss.com/article-directory-wordpress-theme/">Article Directory</a> theme.
  5. Version: 1.0.2
  6. Author: Dimox
  7. Author URI: [url]http://dimox.name/[/url]
  8. Tags: white, fixed width, three columns, widgets, right sidebar, simple
  9. */
  10.  
  11. * { margin: 0; padding: 0; }
  12. html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
  13. body {
  14.     font: 62.5&#37; "Trebuchet MS", Tahoma, Arial, sans-serif;
  15.     line-height: 1.6em;
  16.     color: #444;
  17. }
  18. a {
  19.     color: #E60000;
  20.     text-decoration: none;
  21. }
  22. a:hover {
  23.     color: #AA0001;
  24.     text-decoration: underline;
  25. }
  26. p {margin: 0; padding: 10px 0;}
  27. h1 {margin: 20px 0 0}
  28. img {border: 0}
  29. input {vertical-align: middle}
  30. h2 {
  31.     font: normal 1.9em "Trebuchet MS", Arial, Sans-Serif;
  32.     margin: 0 0 12px;
  33. }
  34. blockquote {
  35.     margin: 10px 0 10px 30px;
  36.     border-left: 3px solid #E60000;
  37.     background: #EEE;
  38.     padding: 5px 15px;
  39.     font-size: 1.3em;
  40. }
  41. * html blockquote {height: 1%;}
  42. blockquote p {
  43.     font-size: 1em !important;
  44.     margin: 0;
  45. }
  46. .aligncenter,
  47. div.aligncenter {
  48.     display: block;
  49.     margin-left: auto;
  50.     margin-right: auto;
  51. }
  52. img.aligncenter {margin: 7px margin}
  53. .alignleft {float: left}
  54. img.alignleft {margin: 5px 10px 3px 0}
  55. .alignright {float: right}
  56. img.alignright {margin: 5px 0 3px 10px}
  57. .wp-caption {
  58.     border: 1px solid #ddd;
  59.     text-align: center;
  60.     background-color: #f3f3f3;
  61.     padding-top: 4px;
  62.     margin: 10px;
  63.     /* optional rounded corners for browsers that support it */
  64.     -moz-border-radius: 3px;
  65.     -khtml-border-radius: 3px;
  66.     -webkit-border-radius: 3px;
  67.     border-radius: 3px;
  68. }
  69. .wp-caption img {
  70.     margin: 0;
  71.     padding: 0;
  72.     border: 0 none;
  73. }
  74. .wp-caption p.wp-caption-text {
  75.     font-size: 13px;
  76.     line-height: 17px;
  77.     padding: 0 4px 5px;
  78.     margin: 0;
  79. }
  80.  
  81.  
  82. #wrapper {
  83.     width: 990px;
  84.     margin: 0 auto;
  85.     padding: 20px 0 0 0;
  86.     border-top: 5px solid #EEE;
  87. }
  88.  
  89.  
  90. /* Header
  91. -----------------------------------------------------------------------------*/
  92. #header {
  93.     background-image: url(img/logobeta.gif);
  94.     background-repeat: no-repeat;
  95.     background-position: left;
  96. margin-bottom:15px;
  97. height:90px;
  98.    
  99. }
  100. #top{
  101.     float: right;
  102.     text-align: right;
  103. height:90px;
  104.  
  105. }
  106. #top li {
  107.     display: inline;
  108. }
  109. #top a {
  110.     color: #808080;
  111.     margin: 0 0 0 13px;
  112.     background: url(i/toparrow.gif) center left no-repeat;
  113. padding: 0 0 0 12px;
  114.     font-size: 1.2em;font-weight:bold;
  115. background-color:#F8F8F9;
  116.  
  117.  
  118. }
  119. #top .current_page_item a {
  120.     background-image: url(i/toparrow2.gif);
  121. }
  122. #searchform {
  123.     margin: 20px 0 0;
  124. }
  125. #searchform input {
  126.     font: 1.1em "Trebuchet MS", Arial, Sans-Serif;
  127.     float: left;
  128.  
  129. }
  130. #s {
  131.     width: 175px;
  132.     padding: 2px 6px;
  133.     border: 1px solid #ccc;
  134.     margin-right: 5px;
  135. background-image: url(img/bb.gif);
  136. }
  137. #searchsubmit {
  138.     background: #E60000;
  139.     border: 0;
  140.     padding: 2px 7px;
  141.     color: #fff;
  142.     font-weight: bold !important;
  143.     overflow: visible;
  144.     height: 24px;
  145.     cursor: pointer;
  146. }
  147.  
  148. #logo {
  149.     float: left;
  150.     color: #808080;
  151.     line-height: 0.85em;
  152.     font-size: 3.3em;
  153.     margin: 14px 0 15px
  154.  
  155. }
  156. #logo span {
  157.     display: block;
  158.     font-size: 0.38em;
  159.     font-weight: normal;
  160.     text-transform: uppercase;
  161.  
  162. }
  163.  
  164. #menu {
  165.     height: 30px;
  166.     padding: 7px 0 0 0;
  167.     clear: both;
  168.     background: url(img/bgb.png) repeat-x;
  169.     /*border-bottom: 1px solid #CCC;*/
  170.     position: relative;
  171. margin-bottom:10px;
  172.  
  173. }
  174. #menu li {
  175.     font-size: 1.1em;
  176.     display: inline;
  177.     text-transform: uppercase;
  178. }
  179. #menu li a {
  180.     margin: 0 25px 0 10px;
  181.     color: #808080;
  182.     font-size: 1.2em;
  183. }
  184. #menu li a:hover {color: #444;}
  185. #menu li.current_page_item {
  186.     background: url(i/arrow.gif) no-repeat center left;
  187. }
  188.  
  189.  
  190. /* Content
  191. -----------------------------------------------------------------------------*/
  192. #container {
  193.     width: 100%;
  194.     background: url(i/dots.gif) 550px 0 repeat-y;
  195.     margin-bottom: 10px;
  196.        
  197. }
  198. * html #container {height: 1%;}
  199. #container:after {
  200.     content: '.';
  201.     display: block;
  202.     clear: both;
  203.     visibility: hidden;
  204.     height: 0;
  205. }
  206. #content {
  207.     width: 540px;
  208.     float: left;
  209.     padding: 0 10px 20px 0;
  210.     overflow: hidden;
  211.  margin-top: 35px;
  212. }
  213.  
  214. #content h2 {
  215.     font: normal 1.9em "Trebuchet MS", Arial, Sans-Serif;
  216.     padding: 0 0 3px;
  217.     border-bottom: 1px solid #EEE;
  218.     margin-bottom: 1.2em;
  219. background-color:#F8F8F9;
  220. }
  221. #content h2.pagetitle {
  222.     padding-left: 3px;
  223.     padding: 1px 0 4px;
  224. }
  225. #content h3 {
  226.     font: normal 1.7em "Trebuchet MS", Arial, Sans-Serif;
  227.     padding: 1px 0 4px;
  228.     margin-bottom: 0.2em;
  229.     border-bottom: 1px solid #EEE;
  230. }
  231.  
  232. #content p,
  233. #content li {
  234.     font-size: 1.3em;
  235.     line-height: 1.4em;
  236. }
  237. #content li li {
  238.   font-size: 1em;
  239. }
  240.  
  241. #content .post {
  242.     margin: 0 0 2.2em;
  243. }
  244. #content .post h2,
  245. #content .post h3 {
  246.     font-size: 2em;
  247.     margin: 0 0 2px;
  248. }
  249. .post ul,
  250. .post ol {
  251.     margin: 7px 0 7px 35px;
  252. }
  253. .post li {
  254.     padding: 2px 0;
  255. }
  256. .post .postmetadata {
  257.     font-size: 1.1em;
  258.     padding: 0 0 7px;
  259.     color: #AAA;
  260. }
  261. .postmetadata a {
  262.     color: #AAA;
  263.     text-decoration: underline;
  264. }
  265. .postmetadata a:hover {
  266.     text-decoration: none;
  267. }
  268.  
  269. .entry {
  270.   text-align: justify;
  271. }
  272.  
  273. .entry h1 {
  274.     font-size: 1.8em;
  275.     margin: 15px 0 10px;
  276. }
  277. .entry h2 {
  278.     font-size: 1.65em !important;
  279.     font-weight: bold !important;
  280.     margin: 15px 0 10px !important;
  281.     padding: 0 !important;
  282.     border: none !important;
  283. }
  284. .entry h3 {
  285.     font-size: 1.45em !important;
  286.     font-weight: bold !important;
  287.     margin: 15px 0 10px !important;
  288.     padding: 0 !important;
  289. }
  290. .entry h4 {
  291.     font-size: 1.3em;
  292.     margin: 15px 0 10px;
  293.     font-weight: bold !important;
  294. }
  295.  
  296. .line {
  297.     clear: both;
  298.     padding: 3px;
  299.     margin: 0 0 15px;
  300.     background: url(i/smalldot.gif) repeat-x;
  301. }
  302.  
  303. .nav {
  304.     font-size: 1.3em;
  305.     padding: 0 0 22px;
  306. }
  307. .navigation {
  308.     font-size: 1.3em;
  309.     margin: 20px 0;
  310.     height: 1.3em;
  311. }
  312. .alignleft {float: left;}
  313. .alignright {float: right;}
  314.  
  315. h3#comments,
  316. h3#respond {
  317.     padding: 1px 0 4px;
  318.     border-bottom: 1px solid #EEE;
  319. }
  320.  
  321. .commentlist {
  322.     margin: 20px 0 30px 25px;
  323. }
  324. .commentlist li {
  325.     padding: 8px 0 2px;
  326. }
  327. .cdata {
  328.     background: #F5F5F5;
  329.     border-bottom: 1px solid #DDD;
  330.     padding: 3px 3px 3px 7px;
  331.     height: 1%;
  332. }
  333. .cdata strong {
  334.   display: block;
  335. }
  336. #content img.avatar {
  337.   float: right;
  338.     display: inline;
  339.     border: 0;
  340.     margin: 1px 1px 0;
  341. }
  342. .ctext {
  343.   padding: 0 7px;
  344. }
  345.  
  346. .commentlist li p {
  347.     font-size: 1em !important;
  348. }
  349. .commentmetadata {
  350.     font-size: 0.85em;
  351. }
  352. .commentmetadata a {
  353.   color: #A5A5A5;
  354. }
  355.  
  356. #author, #email, #url, #comment, #submit {
  357.     font: 1em "Trebuchet MS", Arial, Sans-Serif;
  358.     padding: 2px 4px;
  359.     width: 200px;
  360.     border: 1px solid #CCC;
  361. }
  362. #comment {
  363.     width: 470px;
  364.     height: 170px;
  365. }
  366. #submit {
  367.     width: 115px;
  368.     height: 22px;
  369.     padding: 0;
  370.     background: #F4F4F4;
  371.     cursor: pointer;
  372.     overflow: visible;
  373. }
  374.  
  375.  
  376. /* Sidebars
  377. -----------------------------------------------------------------------------*/
  378. #sidebars {
  379.     float: left;
  380.     width: 440px;
  381.     font-size: 1.2em;
  382.     line-height: 1.4em;
  383. margin-top: 35px;
  384. }
  385. * html #sidebars {height: 1%;}
  386. #sidebars:after {
  387.     content: '.';
  388.     display: block;
  389.     clear: both;
  390.     visibility: hidden;
  391.     height: 0;
  392.  
  393.  
  394. }
  395.  
  396. #l-sidebar {
  397.     float: left;
  398.     width: 230px;
  399.     padding: 0 10px;
  400.  
  401. }
  402. #r-sidebar {
  403.     float: left;
  404.     width: 180px;
  405.     padding: 0 0 0 10px;
  406.  
  407. }
  408.  
  409. #sidebars ul {
  410.     margin: 0 0 15px;
  411. }
  412. #sidebars li {
  413.     list-style: none;
  414.     border-bottom: 1px solid #EEE;
  415.     padding: 3px 4px;
  416.     margin: 0;
  417.  
  418. }
  419. #sidebars li ul {
  420.   margin: 0 0 3px 12px;
  421. }
  422. #sidebars li li {
  423.   padding: 3px 0 0;
  424.     border: none;
  425. }
  426. #sidebars li a {
  427.     background: url(i/arrow.gif) no-repeat center left;
  428.     padding: 0 0 0 12px;
  429.     color: #808080;
  430. }
  431. #sidebars h2 {
  432.     font: normal 1.7em "Trebuchet MS", Arial, Sans-Serif; color:#999;
  433.     padding: 0 0 3px 3px;
  434.     border: 1px solid #E2E2E2;
  435. background-color:#F8F8F9;
  436. }
  437. #sidebars h3 {
  438.     font: normal 1.4em/1.1em "Trebuchet MS", Arial, Sans-Serif;
  439.     padding: 0 0 3px;
  440. }
  441.  
  442. .tags,
  443. #tag_cloud {
  444.     margin: 0 0 15px;
  445. }
  446. .tags {
  447.   text-align: center;
  448. }
  449. .tags a,
  450. #tag_cloud a {
  451.     color: #808080;
  452.     margin: 0 2px;
  453. }
  454.  
  455. #wp-calendar {
  456.   width: 100%;
  457.     margin: 0 0 12px;
  458. }
  459. #wp-calendar td {
  460.   text-align: center;
  461. }
  462.  
  463.  
  464. /* Footer
  465. -----------------------------------------------------------------------------*/
  466. #footer {
  467.     clear: both;
  468.     padding: 7px 10px;
  469.     margin: 0 0 15px;
  470.     font-size: 1.1em;
  471.     color: #808080;
  472.     background: #FFF;
  473. border-top: solid 1px; border-color:#e2e2e2;
  474. }

Última edición por AlvaroG; 30/12/2008 a las 21:01 Razón: resaltado de sintaxis
  #2 (permalink)  
Antiguo 30/12/2008, 21:02
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Problemas con Theme y css en IE

Arreglo un poco la sintaxis y muevo hacia el foro de CSS (tu problema es de CSS, no de WordPress en sí).


Saludos.
  #3 (permalink)  
Antiguo 30/12/2008, 21:13
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 432
Antigüedad: 12 años, 3 meses
Puntos: 3
Respuesta: Problemas con Theme y css en IE

Gracias Alvlin, lo puse ahí porque viene de un wordpress. Gracias nuevamente. Sdos
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 04:17.