andy_b_1502 Posted April 10, 2012 Share Posted April 10, 2012 Hi everyone, I have a (maybe) simple for some problem... I have a div that contains an image, just basically a blue bar stretching the whole width of the browser. Underneath sits the main wrapper (which is centred with margin-left: auto, margin-right:auto.... The problem is i can't seem to get rid of the whitespace ABOVE the bluebar (full-width dive along the top), i have put in the the body { margin: 0;} Is there anything else i can try? Thanks. Link to comment https://forums.phpfreaks.com/topic/260679-simple-for-some/ Share on other sites More sharing options...
andy_b_1502 Posted April 10, 2012 Author Share Posted April 10, 2012 heres an example of what i mean: http://www.removalspace.com/index.php Link to comment https://forums.phpfreaks.com/topic/260679-simple-for-some/#findComment-1336051 Share on other sites More sharing options...
sunfighter Posted April 10, 2012 Share Posted April 10, 2012 Have you altered the page? I don't see a blue bar. Link to comment https://forums.phpfreaks.com/topic/260679-simple-for-some/#findComment-1336107 Share on other sites More sharing options...
AyKay47 Posted April 10, 2012 Share Posted April 10, 2012 remove the top margin from the header contained in div#adbar Link to comment https://forums.phpfreaks.com/topic/260679-simple-for-some/#findComment-1336109 Share on other sites More sharing options...
andy_b_1502 Posted April 10, 2012 Author Share Posted April 10, 2012 You dont see the blue bar?? And there is no margin to delete from div # adbar? body { margin: 0; } #wrapper { width: 90%; margin-left: auto; margin-right: auto; } #adbar { width: 100%; height:100%; background: url(../images/adbar.jpg) repeat; } /* Header */ #header { width: 90%; height: 70px; margin-left: auto; margin-right: auto; background:url(../images/removalspaceheader.jpg) no-repeat; } /* Menu */ #menu { } /** LOGO */ #logo { width: 90%; height: 135px; background:url(../images/removalspace1.jpg) no-repeat; margin-left: auto; margin-right: auto; } #searchbar { float:left; width:90%; margin-left:auto; margin-right:auto; } /* Content */ #content { float: left; width: 935px; padding: 0px 0px 0px 0px; } /* Sidebar */ #sidebar { float: right; width: 150px; font-family: Arial, Helvetica, sans-serif; } /* Footer */ #footer { width: 90%; height: 70px; margin: 0 auto; padding: 0; clear: both; margin-left: auto; margin-right: auto; } Link to comment https://forums.phpfreaks.com/topic/260679-simple-for-some/#findComment-1336112 Share on other sites More sharing options...
AyKay47 Posted April 10, 2012 Share Posted April 10, 2012 this comes from the browser default stylesheet, which you should be overriding with a CSS reset: * { padding: 0; margin: 0; etc... } Link to comment https://forums.phpfreaks.com/topic/260679-simple-for-some/#findComment-1336113 Share on other sites More sharing options...
andy_b_1502 Posted April 10, 2012 Author Share Posted April 10, 2012 im new.... i know it's a cop-out... Link to comment https://forums.phpfreaks.com/topic/260679-simple-for-some/#findComment-1336116 Share on other sites More sharing options...
AyKay47 Posted April 10, 2012 Share Posted April 10, 2012 I just showed you what you need to add to your stylesheet, search google for CSS reset as well. Link to comment https://forums.phpfreaks.com/topic/260679-simple-for-some/#findComment-1336118 Share on other sites More sharing options...
andy_b_1502 Posted April 10, 2012 Author Share Posted April 10, 2012 I looked into it, its like setting up the style sheet with colours and margins and so on, i wasnt too sure of the "etc..." of your coding, what do i put in replace of that? or is it the rest of the style sheet? Link to comment https://forums.phpfreaks.com/topic/260679-simple-for-some/#findComment-1336119 Share on other sites More sharing options...
andy_b_1502 Posted April 10, 2012 Author Share Posted April 10, 2012 Hold the phone! its worked now, many thanks for your help :D Link to comment https://forums.phpfreaks.com/topic/260679-simple-for-some/#findComment-1336121 Share on other sites More sharing options...
leitning Posted May 1, 2012 Share Posted May 1, 2012 Add the external boilerplate CSS file before your own: http://html5boilerplate.com/ Link to comment https://forums.phpfreaks.com/topic/260679-simple-for-some/#findComment-1341868 Share on other sites More sharing options...
Jessica Posted May 1, 2012 Share Posted May 1, 2012 Have you altered the page? I don't see a blue bar. Do you use adblock? A div named #adBar would definitely be blocked. Link to comment https://forums.phpfreaks.com/topic/260679-simple-for-some/#findComment-1341938 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.