Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

problem in ie8

Featured Replies

Today i have uploaded a site

 

My link

 

its ok in ie7 and firefox

 

but one of my friends said that in ie8 it goes left.

 

now i feel frustrated. how can i fix the problem?

 

any suggestion for me please? :(

Today i have uploaded a site

 

My link

 

its ok in ie7 and firefox

 

but one of my friends said that in ie8 it goes left.

 

now i feel frustrated. how can i fix the problem?

 

any suggestion for me please? :(

 

Well the site is totally aligned to left in both Firefox, IE 7 & 8 if that is what you mean, but other than that I see no difference between the browsers.

  • Author

here is the css.i used this code in several sites and that sites are center, but this time this site go left

 

body {

text-align:center;

}

#wrapper {

margin: 0 auto;

width: 1000px;

text-align:left;

height: 1000px;

}

 

above code works for my other site but not working for this site :(

Have you tried adding the following to the head of your page?:

 

<meta content="IE=7" http-equiv="X-UA-Compatible"/>

 

This makes IE8 markup as IE7, bit of a hack...

i've had funny problems like this in the past, have you tried removing text-align:left; from #wrapper and only re-insert it in the necessary elements?

Try removing the google translation div ..... I think this may be causing the issue.

  • Author

mine is 1405 inch monitor and using ie7, and the site is looks fine here.. but i think site is not centered in ie7/ and ie8

Try declaring the margins on an individual basis.

 

i.e.

 

]#wrapper{

margin-left:auto;

margin-right:auto;

 

this always works for me!

 

 

Also, you do realise that screens that are set to a resolution 800x600 will not view your site correctly, they will have an overlap on the horizontal.

 

You may want to change your width of the wrapper to 950px - i know 800x600 sound old but there are still peeps our there using it.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.