Why have I not space unwanted between my Divs?

I am a newbie to coding - however, I can't for the life of understand me why I have about 10 pixels above and below each of my divs. Can anyone help?

Here is my code-

< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

" < html xmlns =" http://www.w3.org/1999/xhtml ">

< head >

< meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"

< title > Untitled Document < /title >

< style type = "text/css" >

<!--

{body

margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.

padding: 0;

text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.

Color: #000000;

do-family: Verdana, Arial, Helvetica, without serif.

do-size: 100%;

background-color: #191919;

background-image: url (.. / Images/repeat.jpg);

background-repeat: repeat;

}

/ * Tips for Elastic layouts

1. Since the elastic layouts overall size is based on the user's default font size, they are more unpredictable. Used correctly, they are also more accessible for those who need larger fonts given the length of the line remains proportionate.

2. sizing of the divs in this provision are based on 100% font size in the body element. If you decrease the overall size of the text by using a font size: 80% on the body element or the #container, remember that the complete provision will reduce proportionally. You can increase the widths of the divs to compensate for this.

3. If the sizing of fonts is changed in different quantities on each div instead of on the overall design (ie: #sidebar1 is a font size of 70% and #mainContent has a font size of 85%), this will change proportionally each of the overall size of divs. You can adjust the base on your final sizing of fonts.

*/

.oneColElsCtrHdr #container {}

Width: 100%; / * margins (in conjunction with a width) auto Center the page * /.

border: 0px none #000000;

text-align: left; / * This setting overrides the text-align: center on the body element. */

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

left margin: auto;

background-color: #FFFFFF;

background-image: url (.. / Images/repeat.jpg);

background-repeat: repeat;

color: #FFC;

}

.oneColElsCtrHdr #header {}

background: #DDDDDD;  / * This filling is the alignment to the left of the items in the div that appear below. If an image is used in the #header instead of text, you can remove the padding. */

Width: 100%;

padding-top: 0;

padding-right: 0px;

padding-bottom: 0;

padding-left: 0px;

}

.oneColElsCtrHdr #header h1 {}

margin: 0; / * padding instead of margin will allow you to keep the edges of the div element * /.

background-attachment: scroll;

background-image: url (.. / Images/headerwologo.jpg);

background-repeat: repeat-x;

Width: 100%;

padding-top: 0px;

padding-right: 0;

padding-bottom: 0px;

padding-left: 0;

height: 140px;

}

{.oneColElsCtrHdr #mainimage}

background-color: #FFFFFF;

Width: 100%;

margin: 0px;

padding: 0px;

}

{.oneColElsCtrHdr #yellowbar}

background-color: #FFFFFF;

Width: 100%;

background-image: url (.. / Images/seperatebar.jpg);

background-repeat: repeat-x;

height: 15px;

}

{# .oneColElsCtrHdr}

background-color: #FFFFFF;

Width: 100%;

}

{.oneColElsCtrHdr #mainContent

background-color: #FFFFFF;

background-image: url (.. / Images/repeat.jpg);

background-repeat: repeat;

padding-top: 0;

padding-right: 22px;

padding-bottom: 0;

padding-left: 22px;

}

.oneColElsCtrHdr #footer {}

padding: 0px 0; / * This filling is the alignment to the left of the items in the div that appear above him. */

background: #DDDDDD;

}

.oneColElsCtrHdr #footer p {}

margin: 0; / * padding on that element will create space, just as it would the margin, free margin collapse question * /.

background-image: url (.. / Images/footer.jpg);

background-repeat: repeat-x;

height: 140px;

Width: 100%;

padding-top: 0px;

padding-right: 0;

padding-bottom: 0px;

padding-left: 0;

}

->

< / style > < / head >

< body class = "oneColElsCtrHdr" >

< div id = "container" >

< div id = "header" >

< h1 > < / h1 >

<!-end #header--> < / div >

< div id = "mainimaget" >

"" < h1 > < img src = "... / Images/mainillustrationbig.jpg" width = "100%" height = "auto" / > < / h1 >

<!-end #mainContent--> < / div >

< div id = "yellowbar" >

< h1 > < / h1 >

<!-end #mainContent--> < / div >

< div id = "mainContent" >

Main content of < h1 > < / h1 >

< p > Lorem ipsum dolor sit amet, adipiscing elit our. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Amongst ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean restore. Etiam leo queer, venenatis lectus tristique in, fitness at, odio. Donec and ipsum and vehicula nonummy sapien. Suspendisse potentialit. Surpassing varius urna id quam. SED neque mi, varius eget, tincidunt nec, so id, libero. In eget purus. Vestibule ut nisl. Donec EU mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus and fermentum ut, sapien. Surpassing metus mi, eleifend sollicitudin molestie id, varius, and nibh.  Donec nec libero. < /p >

heading level H2 < h2 > < / h2 >

< p > Lorem ipsum dolor sit amet, adipiscing elit our. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Amongst ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean restore. Etiam leo queer, venenatis lectus tristique in, fitness at, odio. < /p >

< p > < / p >

<!-end #mainContent--> < / div >

< div id = "footer" >

< p > < / p >

<!-end #footer--> < / div >

<!-end #container--> < / div >

< / body >

< / html >

A few things could be the cause.

The content inside your divs are all

tags that have a default margin. Add h1 {margin: 0; padding: 0 ;} to your CSS that makes all instances of}

have a zero. I he would remove head tags surrounding the image because they are not required.

In addition, there is a typing error in one of your DIV tags

should be
.

Without margins can also be added to your rules of id in the CSS that should generally be practical, because it prevents browsers adding their own separation.

It will be useful.

Tags: Dreamweaver

Similar Questions

  • Why have I not the calendar option checking / unchecking at two locations in the Prefs system, iCloud and accounts on the Internet?

    Why have I not the calendar option checking / unchecking at two locations in the Prefs system, iCloud and accounts on the Internet?

    Why have I not 2 switches that control the same light fixture in my living room? It's the way it was designed.

  • Why have we not areas for DVD playback?

    ORIGINAL TITLE: generalcomplaint

    Why have we not areas for DVD playback? I find it extremely shocking when you lock my machines. How dare you treat me this way. Do you think that it is productive? jerk like more. Fool I would classify as. Please explain.

    Best regards
    Tony Miller

    Microsoft did not parts of DVD. You can read about the regions of DVDs and their justification in the links below.

    DVD regions:
    http://www.hometheaterinfo.com/DVD3.htm

    Why can I play DVD movies, but not others:
    http://www.HowStuffWorks.com/question474.htm

  • Why have I not WINDOWS and WINDOWS2 records?

    Why have I not folders c:\WINDOWS and c:\WINDOWS2?

    Hi 2econd2on,

    1. What is the brand and model of the computer?

    2 did you do changes on the computer before the show?

    3. have you made a recovery disk installation?

    4. have you upgraded the operating system to Windows XP or performed a new installation?

    5. What is the size of the two files?

    6. What are the contents in both files?

    Note: Folder is created when you install the operating system from the recovery disk Windows 2 supplied by the OEM (Original Equipment Manufacturer).

    Reply with more information about the issue so that we can help you in a better way.

  • Why have we not Hop unique peer Ipsec?

    Why have we not Hop unique peer Ipsec?

    What is the concept behind this?

    Physically, the data is transmitted through various routers or jump to reach the destination host

    But when tracing, we can see only 1 hop

    Why is it so?

    Kind regards

    Pascale Kesavamurthy

    Yes, you have.

    Jon

  • Why have I not file &gt; automate &gt; photomerge available on photoshop 14

    Why have I not file > automate > photomerge available on photoshop 14.

    I have file > automation tools, but I cannot access the tools of automation.

    !

    In photoshop elements, Photomerge 14 is now guided.

    What's new in Photoshop elements 14

    Photoshop elements help | Guided - mode Photomerge edits

  • I bought lightroom, why have I not the trial version

    I bought the 'picture package' (Lightroom and Photoshop CC). Why have I not in the test version only creative cloud for applications?

    Thank you very much

    Sign out of your account of cloud... Restart your computer... Connect to your paid account of cloud

    -Connect using http://helpx.adobe.com/x-productkb/policy-pricing/account-password-sign-faq.html

    -https://helpx.adobe.com/creative-cloud/help/sign-in-out-activate-apps.html

  • Hello. Why have I not once the upgrade has changed the menu in Russian?

    Hello. Why have I not once the upgrade has changed the menu in Russian? I want the English as I had initially. The menu has only Russian. What should do?

    Photoshop CC2015

    Cloud creation help / solve the installation language. Creative Cloud applications. CCM-

    http://helpx.Adobe.com/creative-cloud/KB/change-installed-language.html

  • I sent a file to an email address and they did not, it was more than 2 hours, why have they not yet received?

    I sent a file to an email address and they still have not received it yet, it has been more than 2 hours, why have they not yet received?

    There could be several reasons. Why not send the file directly from your email client (I assume you tried to use the e-mail option in Acrobat that sometimes is not configured to work with your system). In the past, Acrobat requires a MAPI connection to use electronic mail.

  • Why have I not yet transmitted my serial number of the product?  It's been hours now and I need to have my license now.

    Why have I not yet transmitted my serial number of the product?  It's been hours now and I need to have my license now.

    you are allowed to a 30 day trial pending that adobe process your payment (at least one working day).

  • I just downloaded lightroom 5.6. Why have I not fill light and recovery, but not of highlights and shadows?

    I just downloaded lightroom 5.6. Why have I not fill light and recovery, but not of highlights and shadows?

    Your photo using the version of existing treatment (2003 or 2010). Click on the lightning to the high close histogram or use the menu process drop-down in the module of dev (right panel, section camera cal) to use the current version of treatment (2012).

  • Why have I not received my e-mail address verification EchoSign?

    Why have I not received my e-mail address verification EchoSign?

    Hi Pablo.

    If you do not receive the emails EchoSign (for verification), I recommend to check your junk mail/Spam folder.

    Let us know if the problem persists.

    Kind regards

    -Usman

  • Why have I not this little space on my C drive?

    I just did a disk cleanup and even a sigverif just to be sure. I also went through and deleted tons of things on my computer that I don't have. Now, I'm down for the most part. Microsoft Office, CCleaner, Kingsoft Antivirus and some Java and Adobe add ons. So why only should I 3.83 GB off 73.0 GB left? I went and manually deleted some temporary files like eula.1028 and instal.res.1028.dll and vs_red as disk cleanup did not. After I did it, I went from having 4.05 GB of free space to 3.83 GB of free space. Disk Cleanup had freed me .02GB of space and I thought it was helping until I manually deleted these temporary files and now its display I have less space. Then why they have so little space and why my space went down when I manually deleted temporary files? FYI, I have only a small folder of word documents and images. I don't have videos or music on my lap top. Its a Toshiba and its quite old, but my tech guy put Windows 7 on it. I wonder if maybe it's too much for an old laptop? If I'm not mistaken it is maybe a 2007.

    Too bad. Apparently my tech guy left a windows.old folder on the computer when he last helped me. Who has released a TON of space.

  • TypeError: Error #1009: cannot access a property or method of a null object reference. Why have I not

    TypeError: Error #1009: cannot access a property or method of a null object reference. Why do I always have problems mind flash and shockwave. Why adobe does not solve their products?

    .

    This isn't a problem of Flash... it's a mistake to designer.

    1009 error indicates that one of the objects targeted by your code are out of reach.  This may mean that the object...

    -is declared but not instantiated

    n ' is not have an instance name (or the name of the instance is misspelled)

    n ' is not in the frame where this code tries to talk to her

    -is animated in place, but is not assigned the name of the instances of each keyframe for her

    -is one of the two or more consecutive keyframes of the same objects without a name assigned in the image previous (s).

    It could also be other less obvious reasons.

    If you go to your section to publish the Flash settings and select permit debugging option, your error message should have a suite of line number the number of the frame that will help you to isolate the object that is involved.

  • Why have I not enough space to update of the first through CC?

    First wouldn't boot correctly. I was prompted to update software and when I did, I get the error "not enough space".

    Hello

    Please check if you have installed Premiere Pro on the main drive.

    Also, check if you have enough space on this drive.

    I recommend you move data from your hard drive to another, empty your trash, huge and heavy moving Date desktop on the secondary drive.

    You can also try to empty the temporary files, sometimes it stores a large amount of data.

    Kind regards

    Ilyes Singh

Maybe you are looking for

  • iTunes music NOT bought on my QNAP TS-251 +.

    Hello I just bought a QNAP TS-251 + to move my music and photos to an external storage and a server to share with all my currency. I moved my "ITunes music" folder to my QNAP and configure the iTunes server. I have most of my music, but not everythin

  • Is - this router PIN even with WPA key?

    I'll try to find what is my WPA key but I found the router pin instead of the wpa key. Please, a good man trying to tell me it of the same thing or not.

  • No dials or tapping sounds from android 4.4.4 updated

    Hi, I did the update on Sunday to 4.4.4 android. Needed to connect to a laptop for that. Since the update, I've lost sound when you type a text or e-mail message or type anything come to think of it. Also no noise when I type in a number to make a ca

  • BlackBerry Smartphones "Wake up" time

    I had my Storm for about a month, and it takes now up to 30 seconds to 'wake up' the lock screen mode - theres a icon of clock that just sipns and towers... did anyone else finding that? It is very difficult to work with the phone.

  • Using Expression in commandButton 'Icon' property

    I have 2 images and I have 2 terms. I want to show a single image at a time under one condition. I use the following expression to determine the image to display on the CommandButton in the adf:#{row.bindings.PolicyExceptionApprovedFlag.inputValue ==