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:
---
ProBenefit
Home
Projekt
Projektverlauf
Publikationen
Links
Kontakt
Impressum
Intern
--
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: #33;
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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
