theme behaves strange depending on browser...

[DJ Goodnews]

having downloaded the theme "khaki" everthing looks nice. It has a nice mouseover function which lets the grey picture frame turn white. Unfortunally the mousover behaves strange, depending on what browser is used: The most browsers (e.g. Safari, Opera, mozilla with Mac OS X) cause a "jump" of the frames-lines so the whole pages shivers. The Internet Explorer on Mac an PC doesn't make the frames-line "jump" but once a picture is viewed, the little frame turns yellow and stays like this, even after reload (http://fotos.djgoodnews.de).

Can I fix it or do I have to use a less sophisticated theme?
Thanx

[DaMysterious]

having downloaded the theme "khaki" everthing looks nice. It has a nice mouseover function which lets the grey picture frame turn white. Unfortunally the mousover behaves strange, depending on what browser is used: The most browsers (e.g. Safari, Opera, mozilla with Mac OS X) cause a "jump" of the frames-lines so the whole pages shivers. The Internet Explorer on Mac an PC doesn't make the frames-line "jump" but once a picture is viewed, the little frame turns yellow and stays like this, even after reload (http://fotos.djgoodnews.de).

Can I fix it or do I have to use a less sophisticated theme?
Thanx

This is a featured addition and can be removed by searching the code below in the style.css from Kaki.

Remove, save and close:

Code Select Expand


a:link, a:visited {
color: #383838;
font: arial;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

a:visited .image, a:visited .image1 {
border-bottom: 2px solid #FFD700;
border-right: 2px solid #FFD700;
filter: Shadow(Direction=120);
}


[koffee]

Remove, save and close:

Code Select Expand


a:link, a:visited {
color: #383838;
font: arial;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

a:visited .image, a:visited .image1 {
border-bottom: 2px solid #FFD700;
border-right: 2px solid #FFD700;
filter: Shadow(Direction=120);
}


I've doen this, and still can't get rid of jumping frames, so I changed:
style.css

Code Select Expand

a:hover .image, a:hover .image1 {
border-bottom: #FFFFFF 1px solid;
border-left: #FFFFFF 1px solid;
border-right: #FFFFFF 1px solid;
border-top: #FFFFFF 1px solid;
}

into:

Code Select Expand

a:hover .image, a:hover .image1 {
border-bottom: #FFFFFF 2px solid;
border-left: #FFFFFF 2px solid;
border-right: #FFFFFF 2px solid;
border-top: #FFFFFF 2px solid;
}

My mozilla version: 1.0 CS

And:

Why my gallery look different while using IE and Mozilla? With IE is everything ok, but with mozilla.. Tables are not centered.. Everything is on left side of the screen... And it makes the demo here, too

[Joachim Müller]

sue M$

Joachim

[Tranz]

When my default browser was IE, I would blame the other browsers for not looking the same. But, IE plays by its own rules and when you develop using compliant browsers, it looks broken in IE, because it's IE that broke the rules.

[koffee]

When my default browser was IE, I would blame the other browsers for not looking the same. But, IE plays by its own rules and when you develop using compliant browsers, it looks broken in IE, because it's IE that broke the rules.

I don't think so.. Because Kaki theme has everywhere align center...