I just redesign a site I have been messing about with using only css. I had a combination of tables and <divs> and was told by many people on this forum that I should take out the tables, so I have, and I know I have done the right thing.

 

I was testing the page out in IE, Firefox and safari, and in firefox and safari my scrolling news does not display correctly, it appears to be trimmed shorter and not as wide.

 

Why is this and what can I do about it? It displays fine in IE

 

link is test.utuze.com/index1.php

 

See what you think

 

Thanks in advance

Anyone? please

All I can see on the page is the header image and the menu. There is nothing else there except a short horizontal blue line which intermittently travels up the page...

I checked your code, and there is some content in there. I think your CSS must be broken or something because the text does not appear on the page...

Which browser are you using? i have checked it in firefox, safari and IE and they all dispaly fine except that in safari and firefox the scrolling news does not display fully.

I think its something to do with the

 

 <DIV id="news" align="justify" STYLE="position:absolute; z-index:+1; height:145px; width:135px;">

 

Position absolute generally doesn't work well because it misplaces things different on each browser and resolution. Because you are missing the full height of the news scroller i would try changing the height:145px; to height:100%; or try other sizes, failing that you could try taking out the height section or adding the height to the javascript rather than the div.

 

EDIT

 

I have also seen the whole content shift over to the right, i have no idea why the same page done this when i refreshed it when it was fine before.

cheers mate i will look into that. Thanks I appreciate it

I tried specifying the dimensions in %, 100%, but no change. I looked at the javascript to put the size in but I could not tell where to put it. In the css for the scroller I set the size to 143px high and 135px wide, this works fine in IE.

 

I am lost and don't know where to look now. Any other ideas? Where would I set the perameters in the javascript

 

Thanks

Oups ... made a mistake ... thought you were missing some css but the example from dynamic drive has 2 scrollers.

You should try returning the css and js to the original form and modify them again.

Oups ... made a mistake ... thought you were missing some css but the example from dynamic drive has 2 scrollers.

You should try returning the css and js to the original form and modify them again.

 

Sorry you have lost me. You haven't posted on this topic before have you? what advice did you get me that was incorrect?

 

Are you JP under a different name?

Sorry you have lost me. You haven't posted on this topic before have you? what advice did you get me that was incorrect?

 

Are you JP under a different name?

 

Hes not...

Which browser are you using? i have checked it in firefox, safari and IE and they all dispaly fine except that in safari and firefox the scrolling news does not display fully.

I'm using firefox 2 for linux and I still can only see the header and nav menu... Works ok in Opera and IE6 though...

I'm using firefox 2 for linux and I still can only see the header and nav menu... Works ok in Opera and IE6 though...

 

Thats mental. The header has been called in, and the browser can see that but not the hard coded content of the main page. What is that about?

 

I'm am totally lost and am on the verge of giving up on this cross browser compatibility effort.

 

Does anyone have an answer, or am I to contact firfox and safari directly. Would they even be bothered to respond?

 

Thanks everyone for your feedback.

First, I would validate the page. At the moment you have 51 errors in your html.

Only after that would I try to debug it.

Validator here

First, I would validate the page. At the moment you have 51 errors in your html.

Only after that would I try to debug it.

Validator here

 

Thanks for the tip-off. I have validated and now it has only 3 errors, which are not big problems, with two of them relating to firefox.

 

So now I have done this, do you have any ideas about "my news panel in firefox problem"?

 

The new problems I have discovered relate to the validated way of using the <h1> and <h2> tags not displaying as they should in firefox. These two problems make up two of the 3 remaining validation problems.

 

Thanks in advance

Sorry you have lost me. You haven't posted on this topic before have you? what advice did you get me that was incorrect?

 

Are you JP under a different name?

Sorry for that ... i wrote something and then modified it because it was wrong (I assumed you were missing some css while looking at the example from dynamic drive but then realized that their example had 2 scrollers).

Sorry for that ... i wrote something and then modified it because it was wrong (I assumed you were missing some css while looking at the example from dynamic drive but then realized that their example had 2 scrollers).

 

Oh I see mate, yes your right the example I modified did use two scrollers. Thanks for your interest Mihai.