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.

IE 8 BACKGROUNDPROBLEM HELP!

Featured Replies

Hi WDFers!

 

Got a problem, not sure what is to blame!

 

Basically, hand-coding a local news site, and can't find the problem??

 

However, the background image appears in FF, Opera, Safari etc... but not in IE8... Any ideas why?

 

body {

background: url(images/bglijn.png) repeat-x scroll left top rgb(100, 20, 8 );

}

Edited by najib422

can we have a link? or some more code? ie8 shouldnt have cross browser issues really?

ok,

please get rid of that god awful gradient background,

other than that

 

shorten your code

margin: 0px;

 

margin-left: 00px;

margin-top: 00px;

margin-right: 00px;

margin-bottom: 00px;

 

 

 

background:#641400 url(images/bglijn.png) left top repeat-x;

 

 

This opens a note but doesnt close it.

 

/*background-image: url(images/bglijn.png);

background-repeat: repeat-x;

background-color: rgb(100, 20,0);

background: url(images/bglijn.png) repeat-x scroll left top rgb(100, 20, 8);

background-image: url(images/bglijn.png) repeat-x scroll left top rgb(100, 20, 8);

background-position: 0px 0px;

 

assuming you want to close it here add */

padding-left: 0px;

 

 

 

 

 

This is noted out with /* and closed at the end

/*background-image: url(images/bg.jpg);

background-repeat: no-repeat;

background-position: center center;

background-attachment: fixed;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

overflow:hidden;*/

 

But it depends on the properties, I would look at your colour scheme, i really dont think it works, and a gradient background is very old finished

Edited by craigpettit

  • Author

Thank you very much but as you already mentioned it doesn't fix the white background problem?

 

Do u have an other solution like adding or deleting some lines?

well obviously its because your using an iframe.... why? dont ask me...

 

load the content better and your code is a mess. if you continue coding in this manor your site will always have cross browser compatibility issues...

 

 

Line 66 iframe width. 100%

Edited by craigpettit

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.