Simple for some?

[andy_b_1502]

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.

[andy_b_1502]

heres an example of what i mean:

 

http://www.removalspace.com/index.php

[sunfighter]

Have you altered the page? I don't see a blue bar. 

[AyKay47]

remove the top margin from the header contained in div#adbar

[andy_b_1502]

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;
}

[AyKay47]

this comes from the browser default stylesheet, which you should be overriding with a CSS reset:

 

* {
    padding: 0;
    margin: 0;
    etc...
}

[andy_b_1502]

im new....  i know it's a cop-out...

[AyKay47]

I just showed you what you need to add to your stylesheet, search google for CSS reset as well.

[andy_b_1502]

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?

[andy_b_1502]

Hold the phone!

 

its worked now, many thanks for your help  :D

[leitning]

Add the external boilerplate CSS file before your own:

 

http://html5boilerplate.com/

[Jessica]

Have you altered the page? I don't see a blue bar. 

Do you use adblock? A div named #adBar would definitely be blocked.