The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Body tag
meules
post Apr 13 2012, 06:24 AM
Post #1





Group: Members
Posts: 2
Joined: 13-April 12
Member No.: 16,907



Hi,

Glad I found this forum.

I have a very annoying problem. For one of my websites the <body> tag doesn't cover the whole page. So when I try to add a background image, the image only cover half of the page. I used the W3C validators, firebug, other validators etc. I really can't figure this out. I also tried to set height and width to the <html> en <body> tag but that didn't fixed my problem neither. I do have some html and css skills but this one I really can't figure out. Probably I don't see it anymore or I'm misreading something.

My website is currently in development and can be found here: http://meules1.webshopapp.com/

Please help.

Kind regards,

Meules
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Apr 13 2012, 06:43 AM
Post #2


.
********

Group: WDG Moderators
Posts: 9,628
Joined: 10-August 06
Member No.: 7



This is probably a CSS issue, so I move the thread there.

What you describe might happen if you specify backgrounds for both the HTML (root) element and BODY, like this:

CODE
html {background-color: pink;}
body {background-image: url(dog.jpg);}

but the page links so many stylesheets that I can't look through them all. See also http://www.w3.org/TR/CSS21/colors.html#background

There are also CSS errors: http://jigsaw.w3.org/css-validator/validat...ng=&lang=en most of them seem to be due to unrecognized CSS3 properties and browser extensions, but this one sounds relevant here:

QUOTE
URI : http://assets.webshopapp.com/meules1/preset.css?46
8 body Value Error : background-repeat repea is not a background-repeat value : repea


User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Apr 13 2012, 07:46 AM
Post #3


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



And you might have to clear any floats in the right places.
You might want to use Nicolas Gallagher's New micro clearfix hack for that.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
meules
post Apr 13 2012, 12:57 PM
Post #4





Group: Members
Posts: 2
Joined: 13-April 12
Member No.: 16,907



Christian,

Thanks for your reply!

I've fixed it. Problem was indeed a color for the <html> tag and a background for the <body> tag.

Thx
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 18th March 2024 - 11:03 PM