Web Hosting Forum | Lunarpages
News: July 14, 2008 - New Contest! - Submit Your WordPress Theme Designs, Win BIG!
September 1, 2008 - Submit Your Web Site for the Sept 2008 Site of the Month!
 
*
Welcome, Guest. Please login or register.
Did you miss your activation email?
September 06, 2008, 06:38:43 PM


Login with username, password and session length


Pages: [1]   Go Down
  Print  
Author Topic: Page not displaying properly in IE6 but perfectly in Firefox  (Read 66 times)
BennyB
Newbie
*
Offline Offline

Posts: 2


« on: July 14, 2008, 04:06:01 AM »

Hi everyone.

i wonder if anyone knows how to help me.
my website www.unlockedpotential.co.uk works perfectly on FF. but i have just logged on to a machine running IE6 and it looks terrible  Doh

the main content begins way down on the page for some reason. i think its something to do with div tags but im not sure.

can some one have a quick look and see if they can see whats gone wrong.

many thanks

Ben.
Logged
Mitch
Lunarpages Traffic Cop
Senior Moderator
Berserker Poster
*****
Offline Offline

Posts: 7577



WWW
« Reply #1 on: July 14, 2008, 05:26:54 AM »

Don't have IE6 on any of my machines anymore, but I have been in your shoes before.  Just for testing purposes, you may make a copy of your index page there for testing purposes (call it indexie6.html or something to that effect) and then change things around till they look good there.  Then test that page in Firefox and IE7.  Then keep going back and forth till you have the right look all the way around.  Designing for multiple browsers can be a daunting task for sure.  Good luck!
Logged

scanman20
Master Jedi
*****
Offline Offline

Posts: 1234



WWW
« Reply #2 on: July 14, 2008, 06:33:30 AM »

Sadly as designers and developers we still have to contend with IE6. Riddled with quirks and bugs, IE6 is anything but easy to troubleshoot but in your case you should try some basic things (this assumes you have control over http://eftclinic.com/). Since you're using CSS to position the content into columns, try making one of the columns less wide than it is by 3 to 10 pixels. IE6 deals with floated divs in an odd way and while Firefox and Opera may display them properly, IE6 can introduce added padding that throws the positioning off. For example, if you change your CSS width declaration for your right ID selector (#right) to width: 450px;, you'll see IE6 lines things up much better. Check out positioniseverything.net for loads of great info on IE6's quirks and how to deal with them.

Oh and BTW, in Firefox the index page still doesn't render 100% correct. There's text in the "How EFT works" paragraph that's positioned oddly.
Logged

Even a broken clock is right twice a day.
NotOneBit.com
MCSE - MCSA - MCP
BennyB
Newbie
*
Offline Offline

Posts: 2


« Reply #3 on: July 14, 2008, 08:56:45 AM »

Thank you Scanman20 and Mitch so much for your replies.
i changed the right ID selector (#right) to width 450px and padding down to 5px and it seemed to sort it out.
when i get i chance i will clean the code further.

i feared this would take me ages to sort out but thank you so much for sparing some time to help me out.

 Bouncin for Joy
Logged
Mitch
Lunarpages Traffic Cop
Senior Moderator
Berserker Poster
*****
Offline Offline

Posts: 7577



WWW
« Reply #4 on: July 14, 2008, 10:50:54 AM »

Happy to hear you got it all figured out. Very Happy
Logged

Pages: [1]   Go Up
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.3 | SMF © 2006-2007, Simple Machines LLC
Seo4Smf v0.2 © Webmaster's Talks


Valid XHTML 1.0! Valid CSS! Dilber MC Theme by HarzeM