Web Design Forum: Background repeating in IE ? - Web Design Forum

Jump to content

View New Content

Page 1 of 1

You cannot start a new topic
You cannot reply to this topic

Background repeating in IE ?

#1 Acknowledged74

Dedicated Member

Group: Members
Posts: 174
Joined: 03-February 08
Reputation: 2
Gender:Male
Location:Essex, UK
Experience:Intermediate
Area of Expertise:Entrepreneur

Posted 20 January 2012 - 10:56 AM

Hi

Not sure whats happened everything looked fine on this. In FF all looks fine, but in IE the 1300px .front div is showing more link 1400px, and therefore starting to repeat the background image, plus the video isn't sitting centrally?

code:

div.front {
margin:0 auto;
width:1300px;
height:712px;
background-image:url(images/bg_inside.jpg);
border: 2px solid #fff;
}

I'm sure its something sill but can't see it.

Link

I appreciate your help.

Conrad.

#2 zed

Web Guru

Group: Moderators
Posts: 4,941
Joined: 25-May 10
Reputation: 703
Gender:Male
Experience:Intermediate
Area of Expertise:Designer/Coder

Posted 20 January 2012 - 11:07 AM

just stepping back for a moment, why would you want a box that width on a site? Only people with higher/wider resolutions would see it all.

#3 Wickham

Web Guru

Group: Moderators
Posts: 2,876
Joined: 11-June 09
Reputation: 257
Gender:Male
Location:Salisbury UK
Experience:Intermediate
Area of Expertise:Web Developer

Posted 20 January 2012 - 11:18 AM

Yes, the background image has escaped from the .front div in IE9. You haven't got a doctype which may be the problem. Add

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

and delete the <html> tag and see if that cures it.Otherwise edit to width: 1304px; margin: auto; for #container

This post has been edited by Wickham: 20 January 2012 - 11:19 AM

#4 Acknowledged74

Dedicated Member

Group: Members
Posts: 174
Joined: 03-February 08
Reputation: 2
Gender:Male
Location:Essex, UK
Experience:Intermediate
Area of Expertise:Entrepreneur

Posted 20 January 2012 - 11:26 AM

The width is because thats whats has been requested, I did advise it wasn't the greatest idea.

Thats sorted out the problem at the side but now the video is completely changed position ?

This post has been edited by Acknowledged74: 20 January 2012 - 11:34 AM