Saludos a todos ustedes CSS-fans. Este es mi primer mail. Lamentablemente no contribuyendo, sino pidiendo ayuda. En un proyecto en el que estoy trabajando actualmente, nada grande, solo una "pequeña" página de presentación de una organisacíón, me ha surgido un bug que no he podido resolver, por más que he buscado por todos lados por soluciones:
*El problema:* al mirar por ejemplo ésta página del proyecto: http://probenefit.de/probenefit_test_05_2007/beta1/index.html notarán que al final de la navegación, en la columna izquierda, directamente abajo del punto "Intern" hay aproximadamente 1px que se ve protuberante, en relación con el resto de la columna. he aquí el código de la parte que es relevante: ----------------------------------------------------------------------------------- <body> <div id="container"> <!-- Start container --> <div id="sidebarContainer"> <!-- Start Sidebar wrapper --> <div id="logo"> <h1>ProBenefit</h1> </div> <div id="navcontainer"> <!-- Start Navigation --> <ul> <li><a href="../../index.html" rel="self">Home</a></li> <li><a href="../../projekt/projekt.html" rel="self">Projekt</a></li> <li><a href="../../projektverlauf/projektverlauf.html" rel="self">Projektverlauf</a></li> <li><a href="../../publikationen/publikationen.html" rel="self">Publikationen</a></li> <li><a href="../../links/links.html" rel="self">Links</a></li> <li> <a href="../../kontakt/kontakt.html" rel="self" class="currentAncestor">Kontakt</a> <ul> <li><a href="impressum.html" rel="self" id="current" name="current">Impressum</a></li> </ul> </li> <li><a href="../../intern/intern.html" rel="self">Intern</a></li> </ul> </div><!-- End navigation --> <div class="clearer"></div> </div> <!-- End sidebar wrapper --> ------------------------------------------------------------------------------ El css relevante al problema sería el siguiente: ------------------------------------------------------------------------------- #container { text-align: left; margin-right: auto; margin-left: auto; background: url(images/sidebar_left_bg.png) repeat-y left top #fff; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom-color: #ccc; max-width: 1200px; min-width: 850px; .clearer { clear: both; } #contentContainer { margin-left: 220px; position: relative; } #contentContainer #content { padding: 25px; margin-right: 180px; } #sidebarContainer { float: left; width: 220px; position: relative; } /* Modified IE CSS Hack by vbdesigns.de to fix the Three Pixel Jog bugfrom IE 6 */ * html #sidebarContainer { margin-right: -3px; display: inline-block; } * html #pageHeader { margin: 0 0 0 -2px; } /* Ende IE CSS Hack by vbdesigns.de */ #sidebarContainer #logo { width: 220px; height: 150px; background: url(images/logo.jpg) no-repeat #006699; border-bottom: 1px solid #404040; display: block; } #sidebarContainer #logo h1 { background: url(images/probenefit_logo.jpg) top left; background-repeat: no-repeat; height: 56px; /*height of logo*/ width: 220px; /*width of logo*/ text-indent: -9000px; padding: 0; margin: 0; } #sidebarContainer p { color: #333333; margin: 20px; padding: 5px; ----------------------------------------------------------------------------------------- Estoy aplicando un Hack para evitar el 3 Pixel Jog Bug que estaba sucediendo directamente al lado del logo (ProBenefit), pero no creo que tenga relación con el problema del pixel "protuberante" en la columna izquierda. Alguien tiene alguna idea que como solucionar esta pequeña molestia en IE6? ----------------------------------- Andres Freese Meistersingerstr. 48 D/ 424 45307 Essen Tel.: +49 (0)201 - 56 320 57 Mobil: +49 (0)0176 - 20 33 27 09 [EMAIL PROTECTED] [EMAIL PROTECTED] http://freese.spymac.com http://macsoftdosis.spymac.com http://www.freese.vox.com _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
