Browser issues with css

This is a discussion on "Browser issues with css" within the Web Page Design section. This forum, and the thread "Browser issues with css are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Apr 17th, 2007, 17:15
Junior Member
Join Date: Apr 2007
Location: England
Posts: 22
Thanks: 0
Thanked 0 Times in 0 Posts
Browser issues with css

Dear all,

I have made a site using css, which displays fine in all browsers apart from old versions of IE.

I have an image floated on the right hand side, which has a navigation menu over the top of the image. When I view this in IE however, it goes everywhere...

please help. You can see the problem at www.tidworthrpc.co.uk
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Apr 17th, 2007, 17:22
Elite Veteran
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Browser issues with css

Put the image as a background to #nav2 instead of creating a separate div
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Apr 17th, 2007, 18:08
Junior Member
Join Date: Apr 2007
Location: England
Posts: 22
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Browser issues with css

I tried that and it went skewiff. I have just spent hours correcting it from that point.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Apr 17th, 2007, 18:15
Elite Veteran
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Browser issues with css

position: fixed; doesn't work in IE6.

Just use float left instead? Or do you absolutely need the thing to scroll with the page?!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Apr 17th, 2007, 18:20
Junior Member
Join Date: Apr 2007
Location: England
Posts: 22
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Browser issues with css

I dont need it to be fixed. I just need it to look ok!!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old Apr 17th, 2007, 18:35
Elite Veteran
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Browser issues with css

Then ... remove the position: absolute on the #content and put float: left instead. Same thing to the #nav2.

You might want to have a look at this 2 colmn layout example by moojoo ...
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old Apr 17th, 2007, 20:01
Junior Member
Join Date: Apr 2007
Location: England
Posts: 22
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Browser issues with css

Hi again,

I was just wondering if there was an if statement i could put into the html saying: if IE 5 or below-show absolutely positioned nav bar,

if firefox/ie7, show fixed nav bar.

I got it showing ok in IE, but inly by completely ditching the fixed thing.


Thanks.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8  
Old Apr 18th, 2007, 01:53
Ryan Fait's Avatar
Elite Veteran
Join Date: May 2006
Location: Las Vegas
Posts: 3,787
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Browser issues with css

Yep, check out this links:

http://msdn.microsoft.com/workshop/a...omment_ovw.asp
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #9  
Old Apr 18th, 2007, 15:46
Elite Veteran
Join Date: Aug 2005
Location: That Place
Posts: 2,044
Blog Entries: 1
Thanks: 0
Thanked 37 Times in 37 Posts
Re: Browser issues with css

Conditional comments are the pwn.
__________________

Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #10  
Old Apr 18th, 2007, 17:19
Ryan Fait's Avatar
Elite Veteran
Join Date: May 2006
Location: Las Vegas
Posts: 3,787
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Browser issues with css

Indeed. Actually, never mind. They would be the pwn if IE didn't suck.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
browser, css

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Browser compatibility issues Craigj1303 Web Page Design 3 Feb 4th, 2008 09:28
browser issues with my menu danny322 Web Page Design 9 Nov 6th, 2007 17:46
height: 100% Browser issues - okay in IE not in FF or Opera mmgrad Web Page Design 3 Oct 27th, 2007 11:24
cross browser issues planescape Web Page Design 4 Aug 29th, 2007 21:16
Cross Browser issues. Destx Web Page Design 5 Mar 26th, 2007 18:56


All times are GMT. The time now is 04:46.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42