Page 2 of 2
Re: Sliding Doors Menu in Japanese wrong behavoir in IE7
Posted: Mon 9. Jun 2008, 02:29
by Jensensen
the problem is:
#header {
FONT-SIZE: 12px;
BACKGROUND: url('../../picture/menu/bg.gif') repeat-x bottom;
FLOAT: left;
WIDTH: 100%;
LINE-HEIGHT: normal;
}
and that table based layout: --> #header is a --> TD - table cell with rule --> float: left ?
try:
#header {
FONT-SIZE: 12px;
BACKGROUND: url('../../picture/menu/bg.gif') repeat-x bottom;
FLOAT: left;
WIDTH: 100%;
height:100px;
border: 1px solid #000;
LINE-HEIGHT: normal;
}
then try
#header {
FONT-SIZE: 12px;
BACKGROUND: url('../../picture/menu/bg.gif') repeat-x bottom left;
WIDTH: 100%;
height:80px;
LINE-HEIGHT: normal;
}
and you'll see
anyway, i would set the font related rules with:
#header a {
FONT-SIZE: 1em;
LINE-HEIGHT: 1.3em;
}
Re: Sliding Doors Menu in Japanese wrong behavoir in IE7
Posted: Mon 9. Jun 2008, 13:00
by Jensensen
try this to get rid IE double margins on floats by
[x]
Re: Sliding Doors Menu in Japanese wrong behavoir in IE7
Posted: Mon 9. Jun 2008, 13:59
by Heiko H.
Hello,
many thanks to everyone and particularly to Jens.
I am extremely busy at the moment with another thing.
I will try each of your tips but it will last for a while.
THX again, Heiko...
Re: [SOLVED]Sliding Doors Menu in Japanese wrong behavoir in IE7
Posted: Mon 9. Jun 2008, 14:29
by Heiko H.
Jensensen wrote:#header a {
FONT-SIZE: 1em;
LINE-HEIGHT: 1.3em;
}
That's it.
THANK YOU, Jens.
Great
Re: [SOLVED]Sliding Doors Menu in Japanese wrong behavoir in IE7
Posted: Mon 9. Jun 2008, 20:21
by Jensensen
finally...
just another example that px for font size is no good idea.
well, works now even with IE5.5, except the Japanese font seems to be missing / causes new problems --> i would
[x]