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.

Internet Explorer and fixed full screen background.

Featured Replies

Hi,

 

I am having a problem with a site I'm designing: http://holmeswestcott.co.uk/obai7%284%29.html

 

I want a fullscreen background which resizes to fit the browser window. It works fine in Firefox and Safari but fails miserably (as expected) in Internet explorer. I have tried various solutions posted on the web but can't find one that works across all browsers. Is it an issue with the position:fixed property?

 

Any help would greatly be appreciated.

 

Thanks,

 

Tim.

I noticed that in Firefox the yellow image yell.png with the text is up at the top, but down below the background in IE7.

 

I added a doctype right at the top of your html file above the <html> tag and IE7 showed it all up at the top like Firefox.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

 

Here's another method for having a "background" image that resizes for any resolution (not a true background-image but it looks like one):-

http://www.wickham43.net/backgroundfullwidthflexible.html

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.