DrEvil
FCRI Associate!
- Reaction score
- 111
So... I am currently making a website for a project and have my design setup.
Let me show the code first before I describe the problem... and an image...
The header is the first blue gradient, the gradient is then displayed again with a decreased width to fit the navigation bar.
The problem is... the margin between the first and second header is a set distance... the margin-bottom is meant to be 1px:
This weird margin only occurs because I have a list (unordered... but probably doesn't make a difference -.-")
Like apparently having a list within a div causes the div to go down the page and not take into account any margins?
I would prefer the margin to be smaller because the gap between them looks too big.
I don't think the actual list CSS matters because I just put this between the div:
and the margin automatically sets itself, which makes me to believe that my list CSS isn't a problem just the list causes some unwanted side effect?
As much as this problem may seem silly and time wasting, I would like to know why this happens.
Like it just seems silly that I'm not able to set a margin myself because of some weird bug.
If any more code is needed just say, but the list CSS has quite a few properties as I created a MultiDropDown menu.
Thanks fellow Webmasters and Webmistresses
Let me show the code first before I describe the problem... and an image...
The header is the first blue gradient, the gradient is then displayed again with a decreased width to fit the navigation bar.
The problem is... the margin between the first and second header is a set distance... the margin-bottom is meant to be 1px:
HTML:
#header {
height: 80px;
width: 700px;
background-image: url(images/header.png);
margin-bottom: 1px;
}
This weird margin only occurs because I have a list (unordered... but probably doesn't make a difference -.-")
Like apparently having a list within a div causes the div to go down the page and not take into account any margins?
I would prefer the margin to be smaller because the gap between them looks too big.
I don't think the actual list CSS matters because I just put this between the div:
HTML:
<ul>
<li>Hello</li>
</ul>
and the margin automatically sets itself, which makes me to believe that my list CSS isn't a problem just the list causes some unwanted side effect?
As much as this problem may seem silly and time wasting, I would like to know why this happens.
Like it just seems silly that I'm not able to set a margin myself because of some weird bug.
If any more code is needed just say, but the list CSS has quite a few properties as I created a MultiDropDown menu.
Thanks fellow Webmasters and Webmistresses