HighDots Forums  

background graphic in wrapper DIV adding unwanted margin

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)


Discuss background graphic in wrapper DIV adding unwanted margin in the Macromedia Dreamweaver forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
fbcojman
 
Posts: n/a

Default background graphic in wrapper DIV adding unwanted margin - 11-30-2007 , 10:31 AM






Hello,

i am creating a page and have everything looking the way i want it in IE,
however in Mozilla Firefox, a 25-50px margin has been added to the top of my
background graphic which i have placed in a wrapper div. I have all the
margins for the body set to 0px, the margins for the wrapper div set to 0px and
the background positioning set to top. Is there something i might be missing
that is adding this extra space? The wrapper div is the first division inside
the body tag.


Reply With Quote
  #2  
Old   
Osgood
 
Posts: n/a

Default Re: background graphic in wrapper DIV adding unwanted margin - 11-30-2007 , 10:50 AM






fbcojman wrote:
Quote:
Hello,

i am creating a page and have everything looking the way i want it in IE,
however in Mozilla Firefox, a 25-50px margin has been added to the top of my
background graphic which i have placed in a wrapper div. I have all the
margins for the body set to 0px, the margins for the wrapper div set to 0px and
the background positioning set to top. Is there something i might be missing
that is adding this extra space? The wrapper div is the first division inside
the body tag.

add padding: 0; to the body css

body {
padding: 0;
}


Reply With Quote
  #3  
Old   
fbcojman
 
Posts: n/a

Default Re: background graphic in wrapper DIV adding unwantedmargin - 11-30-2007 , 11:08 AM



I tried to add the padding, nothing happened. I still have the gap between the top of the page and the content.

Reply With Quote
  #4  
Old   
Osgood
 
Posts: n/a

Default Re: background graphic in wrapper DIV adding unwanted margin - 11-30-2007 , 11:16 AM



fbcojman wrote:
Quote:
I tried to add the padding, nothing happened. I still have the gap between the top of the page and the content.
Can you link to the page because the answer is in the code and we would
need to see it to further assist you.

It may well be a margin on some other element in you page like a p tag
or h tag


Add this at the end of your css and see if the gap goes. If it does then
its a margin/padding on something in your page.

* {
padding: 0;
margin: 0;
}


If it doesn't it could still be an inline style causing the issue.


Reply With Quote
  #5  
Old   
Murray *ACE*
 
Posts: n/a

Default Re: background graphic in wrapper DIV adding unwanted margin - 11-30-2007 , 11:44 AM



And a background image can never add any layout constraints to a page, for
what it's worth.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Osgood" <notavailable (AT) thisaddress (DOT) com> wrote

Quote:
fbcojman wrote:
I tried to add the padding, nothing happened. I still have the gap
between the top of the page and the content.

Can you link to the page because the answer is in the code and we would
need to see it to further assist you.

It may well be a margin on some other element in you page like a p tag or
h tag


Add this at the end of your css and see if the gap goes. If it does then
its a margin/padding on something in your page.

* {
padding: 0;
margin: 0;
}


If it doesn't it could still be an inline style causing the issue.


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.