Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I changed my html code with for the multi image background to work with Internet Explorer.

Since this change, I have a white border all around the page.

Did someone know why it doesn't fill all the page like my previous version, and how I can fix it.

Old version : (works with all browsers except IE): http://brio.speedrunwiki.com/LA-MAYOCHE/LA%20MAYOCHE%20page%20accueil%20V001.htm

New version (Works with all browsers but doesn't fill all the page): http://brio.speedrunwiki.com/LA-MAYOCHE/LA%20MAYOCHE%20page%20accueil%20V002.htm

Thanks a lot!

share|improve this question
1  
This is a code/browse issue. You'll likely get a better answer on StackOverflow. –  DA01 Jul 11 '11 at 23:27

4 Answers 4

In your CSS do the following:

body { margin:0; }

Right now, you've got a browser default margin set (you didn't set it, so the browser did).

Check out Eric Meyer's CSS Reset. Utilizing a reset stylesheet will help prevent stuff like this from happening, and will also give you better control browser to browser.

http://meyerweb.com/eric/tools/css/reset/

share|improve this answer
    
CSS Reset is a good recommendation. –  Farray Jul 12 '11 at 1:25

@DA01 is correct about your likelihood of getting better answers on SO. That said, CSS is as much a design tool as Photoshop is when you consider the end product.

Dawson has you on the right track with the body margin and CSS Reset sheet. The site renders the same for me on Chrome and IE9 so it may be a <IE8 issue. However it also has several errors if you plug it into W3C Validator. You may want to consider HTML 4 Transitional or, even better, HTML 5. 4 Transitional and 5 Draft are much more forgiving and will also render more consistently across browsers. Once you knock out your HTML errors, CSS design issues should be much easier to troubleshoot.

share|improve this answer

In your CSS make sure that you have:

body { margin: 0px; padding: 0px; line-height: 12px; }

Also check your line height on any elements (usually h1, h2 type tags) that are close to the edge to see if they are throwing things off.

share|improve this answer

here is your answer do the following in your div id="one" css :

just apply given margin element on your #one and check this on every browser.

#one {
        background: url("http://i206.photobucket.com/albums/bb52/oli_briss/Ligne_droite-2.png") repeat-y scroll right top transparent;
        margin: -8px;
        padding: 0;
share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.