Problem with my site design - ?css?

[derlitograph]

Hi there,

I have a problem with my site design.
Everytime someone NEW steps on my site the site appears
unformatted like this:
http://img510.imageshack.us/my.php?image=whytb0.jpg

When I tell them to click on the black small button to switch
the style... the correct style appears from now on.

I don't understand, where the problem is.

HEEELP!!!

It is important. Thank you
Manuel

[austriaka]

I just visited your page and find it ok. I visited the page with Firefox 2.0, IE7 and IE6, all show it with the light template.
I deleted all the cookies in Firefox and it is still ok.
I forbid any cookies for your page in IE7, change it to dark, close the browser. Open it again, and your page is light again.
So all is working fine here.

Only thing I saw:
In your HTML head there are these lines:
...
<link rel="alternate stylesheet" type="text/css" href="templates/delicious_v1/styles/dark.css" title="dark" />
...
<!-- CSS -->
<link href="templates/delicious_v1/styles/dark.css" rel="alternate stylesheet" type="text/css" title="dark" />
<link href="templates/delicious_v1/styles/light.css" rel="stylesheet" type="text/css" title="light" />

Remove the duplicate entry of alternate stylesheet.
Change the order of the stylesheet lines (first "stylesheet", then "alternate stylesheet").

Confirm that your Browser accepts cookies.

[derlitograph]

Thats strange.

I had three persons - me included - who see the site in it's wrong format.
And you can see it immediatly right?!

I don't understand why it is like that. I cannot force all viewers to delete there
cookies or cache before viewing ;-(((

Difficult. I searched the forum but also no guy with the same kind of problem.

[austriaka]

It should not depend on the cookies, it worked for me with and without cookies.

I just saw your HTML code again,
now again you have the lines
<link rel="stylesheet" type="text/css" href="templates/delicious_v1/styles/dark.css" title="dark" />
<link rel="stylesheet" type="text/css" href="templates/delicious_v1/styles/light.css" title="light" />

instead of
<link rel="stylesheet" type="text/css" href="templates/delicious_v1/styles/light.css" title="light" />
<link rel="alternate stylesheet" type="text/css" href="templates/delicious_v1/styles/dark.css" title="dark" />

Did you ever remove one of the stylesheet links? Does it work then?
Did you try to remove the JavaScript styleswitcher? Could it be that you disabled JavaScript in your browser? (it is working with disabled JavaScript here anyway)

Which browser do you and your friends use where it is not working?
Did you empty the cache when reloading the page? (F5, Shift-F5 or Cmd/Strg-F5)

[derlitograph]

... I tried different ways.

Now I have set the alternate and the normal sheet as you told me.
again.

I don't want to switch of the javascript because the whole template
is for nothing then! ..... ?!

I use IE6 at work and Firefox at home
Yes I refreshed my cache with CTRL+F5

Maybe it works now.

Thanks
Manuel

[austriaka]

and it didn't work neither with FF nor with IE?
does it work now?

[derlitograph]

I think only worked not with IE here at work

[austriaka]

Manuel, could it be that your company has its own server and caches the pages?

Anyway, actual CSS is often not refreshed automatically.

Check your browser settings: in IE there is some setting for how to treat page loading:
* load always from cache
* load only from cache if not changed
* load always new

IE doesn't update the style sheet when "load only from cache if not changed" is selected. And the "load always new" doesn't work all the time too

I guess finally you got everything right, so relax and enjoy photoblogging :-)

[derlitograph]

well, this could be. We are a big company.
Okay, I think it is okay then. So I will leave it as it is.

Thanks Austriaka :-)