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: 4,776
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: 3,546
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.


--------------------
"The earth does not belong to us. We belong to the earth."
from Vue du ciel (in French)

"Leave scepticism to others and take action"
from HOME by Goodplanet

An inconvenient truth by Al Gore
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
« Next Oldest · Cascading Style Sheets · Next Newest »
 

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

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 23rd May 2013 - 11:54 PM
Invision Power Board © 2013  IPS, Inc.
Licensed to: HTMLHelp.com, LLC