4 Replies - 451 Views - Last Post: 18 October 2010 - 11:36 PM

#1 AmritxD  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 14
  • Joined: 07-October 10

IE problem

Posted 18 October 2010 - 12:05 PM

Hi everybody can anybody help me why my footer on my website is
placed very down in IE whereas if i see it in Google chrome or mozilla
Its at right poisition .
Please suggest any solution :) :)

Here is the Link

This post has been edited by AmritxD: 18 October 2010 - 12:06 PM


Is This A Good Question/Topic? 0
  • +

Replies To: IE problem

#2 Dannyboy997  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 64
  • View blog
  • Posts: 258
  • Joined: 17-April 09

Re: IE problem

Posted 18 October 2010 - 12:12 PM

You could use conditional statements.

Condition Statements

Then inside this html statement you can create a new css rule and change the position of the footer to where you would like it to be.

Cheers,
-Daniel
Was This Post Helpful? 2
  • +
  • -

#3 RandomlyKnighted  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 115
  • View blog
  • Posts: 1,356
  • Joined: 14-January 10

Re: IE problem

Posted 18 October 2010 - 12:48 PM

I'm looking at it in Internet Explorer 9 with a 1152 by 864 resolution and it looks like it's lined up with the rest of the page. I'm not have any problems. Perhaps it's because of the resolution of the computer which you're looking at it. I know on my website it looked great in high resolutions but bad in low resolutions. In low resolutions, everything would be out of place.
Was This Post Helpful? 0
  • +
  • -

#4 Shado3225  Icon User is offline

  • D.I.C Regular

Reputation: 17
  • View blog
  • Posts: 325
  • Joined: 23-February 10

Re: IE problem

Posted 18 October 2010 - 11:26 PM

Try this.

#footer{
width:100%;
height:100px;
background:black;
float:left;
}


That should stretch the footer across the page regardless of what screen size you use. It should also sort out your footer that's not sticking.
Was This Post Helpful? 0
  • +
  • -

#5 Shado3225  Icon User is offline

  • D.I.C Regular

Reputation: 17
  • View blog
  • Posts: 325
  • Joined: 23-February 10

Re: IE problem

Posted 18 October 2010 - 11:36 PM

Amiritx - I've just been going through your code and pick up on a problem.

You have set your page to 1100px now the problem with that is that if a user views your site on a 800px by 600px screen your side bar overlaps the content making it unreadable.

Luckily you layout is not cluttered so you can easily convert it to a fluid layout.

Make your div that contains your content and sidebar's width 100%
Make your content div's width 70%
Make your sidebar div's width 20%
* % of content and sidebar can change depending on how it looks.

This way your divs will resize depending on the screen size your users use and the sidebar wont cover the content up.

To see what I am talking about go to Mozilla and make your bookmark bar revisable. While viewing your website extend the bookmark bar to the right (make it wider).
Was This Post Helpful? 2
  • +
  • -

Page 1 of 1