Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

HTML in Safari 2

Status
Not open for further replies.

MrTBC

Technical User
Nov 19, 2003
610
US
Hi,

Please could you take a look at
This is displaying fine in IE6 but in Safari I'm getting a weird "floating effect" where the logo is over the top of the section below.
What do I need to change in the HTML to fix this please?

Thanks very much guys.
 
Hi

MrTBC said:
This is displaying fine in IE6 but in Safari I'm getting a weird "floating effect"
Well, it must be the standards. Because not only Safari, but other standard compliant browsers like Mozillas and Opera render the page in the same way.

Hmm... I can not find the reason so far...

Feherke.
 
OK, thanks for trying. I'm guessing it's a problem with the 3 tabs just below (you can only really seem them in IE6).
 
Why not take a different approach and get it working in the standards compliant browser first, and then worry about why it isn't working in non standards compliant browsers such as IE6. Using this method is a much better approach IMO.


____________________________________________________________
Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]

Need help finding an answer? Try the Search Facility or read FAQ222-2244.
 
OK thanks very much for the advice guys.
 
You claim your #cab is 30px high. Every browser but IE6 respects that, although your #cab is actually way higher than that. Removing the height specification gets you very close to perfect.

The other thing is that you need to clear your #navbar. After that, you more or less get the effect you were looking for.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]
 
Guys - I'm at work and I've only got IE6 here.
How's it looking to you all now?
 
Looks A-OK on FF2, IE7, Opera9 and Safari on WinXP. I'd say it's fixed.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]
 
Thanks very much for that - really appreciated!!!!!!
 
Hi

Looks good in Mozillas, Opera, Safari and Explorer.

Just a note : excepting Safari, the bar under the tabs ( containing CinemaAddict Home » Published News ... ) is abit more indented than the vote boxes.

Feherke.
 
Thanks for pointing that out - I forgot a </div> !!! Fixed now.
 
Just restarting this thread as I've noticed that browsers other than IE still have a slight problem.

The text that reads "Sort news by: Recently Popular | Top Today | Yesterday | Week | Month | Year" towards the top right is floating just below the bar where it should be.

Any help would be appreciated.

Thanks very much.
 
Looks the same to me in FF and IE7. Is there particular IE that shows what you want?

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]
 
Sorry, it's Safari that shows the problem.
 
As has been suggested, it's worth getting your page to validate and display correctly in a standards-compliant browser first. Check your page against a validator, fix the 41 current errors then come back with any remaining issues.

We will all be struggling trying to make a broken page look the same in all browsers!

Have a look at
___________________________________________________________
If you want the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller
Steam Engine Prints
 
Thanks for the advice. I'll do that.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top