We help IT Professionals succeed at work.

Check out our new AWS podcast with Certified Expert, Phil Phillips! Listen to "How to Execute a Seamless AWS Migration" on EE or on your favorite podcast platform. Listen Now

x

Why is there a black space between my divs??

FairyBusiness
on
Medium Priority
209 Views
Last Modified: 2012-05-11
Hi, I put a div around my form and story area and now for some reason there is black in between my top div (the title) and the bottom two divs (the form, and the story area).  Anyone can enlighten on this??

http://auroriella.com/story.html
Comment
Watch Question

Commented:
story.css

on row 82 you have defined:
margin: 20px 0;

That means:
margin-top:20px;
margin-bottom:20px;
margin-left:0;
margin-right:0;

Have this instead:

margin: 20px 0 0 0;
You have
 
#title {
background:none repeat scroll 0 0 #FFFFFF;
border:3px solid #FFA0CF;
color:#000000;
display:block;
font-size:35px;
letter-spacing:2px;
margin:20px 0;
padding:8px 0;
text-align:center;
}

Open in new window

Change to
 
#title {
background:none repeat scroll 0 0 #FFFFFF;
border:3px solid #FFA0CF;
color:#000000;
display:block;
font-size:35px;
letter-spacing:2px;
padding:8px 0;
text-align:center;
}

Open in new window


Basically, you have a 20px margin.

Author

Commented:
but I want the margin. . . I just don't want the black space!!! I mean how can it be black???  It should be the same color as the background
Top Expert 2011
Commented:
Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION

Author

Commented:
Thanks
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a sample view!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.