4-day forecast trouble

hello i have some trouble with 4-day forecast with Opera 9.64 (but not with Firefox ...)

you can see here



do you have any idea to solve this ?

ps : i have download the module today in the passed 5 min

It is a problem with Opera - because it has a problem with decimal values in CSS. Please try add this code at end of module CSS:

Code: Select all

ul.gkw_next_days li:nth-child(0n+1){width:24%!important;}
ul.gkw_next_days li:first-child{width:25%!important;}
ul.gkw_next_days li:nth-child(2n){width:25%!important;}


doesn't works : there is the same bug

here my style.css

Code: Select all

.gkw_main { overflow:hidden; }
.gkw_current { overflow:hidden; }
.gkw_main_left { float:left; width:auto; }
.gkw_temp { font-size:18px; text-align:center; margin:8px 0 0 0; }
.gkw_main_right { float:left; width:auto; margin:0 0 0 16px; }
.gkw_main_right h2 { margin: 4px 0 4px 0; }
.gkw_condition { }
.gkw_humidity { }
.gkw_wind { }
ul.gkw_next_days { clear:both; width:auto; float:left; list-style-type:none; list-style-image:none; margin:12px 0 0 0; padding:0; }
ul.gkw_next_days li { background: none; float:left; width:24.9%; }
ul.gkw_next_days li:first-child { border-left:none; }
.gkw_day { font-weight:bold; font-style:italic; text-align:center; display:block; }
ul.gkw_next_days li img { display:block; margin:0 auto; clear:both; }
p.gkw_day_temp { margin:6px 0 0 0; white-space:nowrap; text-align:center; }
span.gkw_day_day { padding:2px; font-size:10px; }
span.gkw_day_night { padding:2px; background:#666; color:#fff; font-size:10px; }
div.gkw_fday{ border-left:1px solid #ddd; margin:0 6px 0 0; padding:0 0 0 6px; }
ul.gkw_next_days li:first-child div.gkw_fday{ border-left:none; }
ul.gkw_next_days li:nth-child(0n+1){width:24%!important;}
ul.gkw_next_days li:first-child{width:25%!important;}
ul.gkw_next_days li:nth-child(2n){width:25%!important;}

In Opera 10 you have the same problem ?

Try this code - you'll "loose" 2% of width but I haven't any other idea to solve id by other way

Code: Select all

Code:
.gkw_main { overflow:hidden; }
.gkw_current { overflow:hidden; }
.gkw_main_left { float:left; width:auto; }
.gkw_temp { font-size:18px; text-align:center; margin:8px 0 0 0; }
.gkw_main_right { float:left; width:auto; margin:0 0 0 16px; }
.gkw_main_right h2 { margin: 4px 0 4px 0; }
.gkw_condition { }
.gkw_humidity { }
.gkw_wind { }
ul.gkw_next_days { clear:both; width:auto; float:left; list-style-type:none; list-style-image:none; margin:12px 0 0 0; padding:0; }
ul.gkw_next_days li { background: none; float:left; width:24%; }
ul.gkw_next_days li:first-child { border-left:none; width:26%;}
.gkw_day { font-weight:bold; font-style:italic; text-align:center; display:block; }
ul.gkw_next_days li img { display:block; margin:0 auto; clear:both; }
p.gkw_day_temp { margin:6px 0 0 0; white-space:nowrap; text-align:center; }
span.gkw_day_day { padding:2px; font-size:10px; }
span.gkw_day_night { padding:2px; background:#666; color:#fff; font-size:10px; }
div.gkw_fday{ border-left:1px solid #ddd; margin:0 6px 0 0; padding:0 0 0 6px; }
ul.gkw_next_days li:first-child div.gkw_fday{ border-left:none; }


this is the same trouble with your new code and with Opera 10

thanks dziudek for trying help me

if you find a solution in the future could you please answer here ?

Ok, I hope that I'll publish fix for that this night

this CSS should works fine:

Code: Select all

.gkw_main { overflow:hidden; }
.gkw_current { overflow:hidden; }
.gkw_main_left { float:left; width:auto; }
.gkw_temp { font-size:18px; text-align:center; margin:8px 0 0 0; }
.gkw_main_right { float:left; width:auto; margin:0 0 0 16px; }
.gkw_main_right h2 { margin: 4px 0 4px 0; }
.gkw_condition { }
.gkw_humidity { }
.gkw_wind { }
ul.gkw_next_days { clear:both; width:100%; float:left; list-style-type:none; list-style-image:none; margin:12px 0 0 0; padding:0; }
ul.gkw_next_days li { background: none; float:left; width:24.9%; }
ul.gkw_next_days li:first-child { border-left:none; }
.gkw_day { font-weight:bold; font-style:italic; text-align:center; display:block; }
ul.gkw_next_days li img { display:block; margin:0 auto; clear:both; }
p.gkw_day_temp { margin:6px 0 0 0; white-space:nowrap; text-align:center; }
span.gkw_day_day { padding:2px; font-size:10px; }
span.gkw_day_night { padding:2px; background:#666; color:#fff; font-size:10px; }
div.gkw_fday{ border-left:1px solid #ddd; margin:0 6px 0 0; padding:0 0 0 6px; }
ul.gkw_next_days li:first-child div.gkw_fday{ border-left:none; }


it's better but ....when i used it in position bottom there is to much space between 4 days

And when i used it in right position i have the same trouble that before (not space between 4 days)

i used hit musik template

http://www.freenduro.com/

i suggest to set fixed with for gkw_main wrapper - for example 300px - you can adjust it to your template.

i don't understand what you mean , please explain me more

Small mistake - fixed WIDTH In CSS you should change line:

Code: Select all

.gkw_main { overflow:hidden; }

to:

Code: Select all

.gkw_main { overflow:hidden;width:250px; }

thanks dziudek it's works fine now !!!

Hey dziudek,

I like your site...I was wondering how did you get the weather (le meteo) to slide like that...I want to be able to show different cities' weather the way you show it...Thanks!

you have to duplicate GK Weather modules and assign all this modules in différents position then used mod_gk_tab to regroup the différents cities ..