Member Avatar for shashikumar s g

i am create html page in that i have to two div inside other
My issue is one div is for container and other for header

i made the margin 0px in both the div
but it showing the gap between the main window and first div

  • 4 Contributors
  • 7 Replies
  • 279 Views
  • 20 Hours Discussion Span
  • Latest Post Latest Post by shashikumar s g

Recommended Answers

All 7 Replies

Member Avatar for arifsaroha 
use this code
body {
   margin:0px auto;
   padding:0px;
}
Member Avatar for JorgeM

All browsers have a set of default styling that's applied to HTML elements. What you should consider is applying a CSS "reset" so you can override the defaults. Its common in a reset file to apply margin and padding to 0 on many elements. This takes care of the mysterious space(s) you see on a variety of elements.

Edited by JorgeM
Member Avatar for shashikumar s g 
css code 
.mainpage
    {

       margin:0px;
       padding: 0px;
         font-family: "Times New Roman", Georgia, Serif;

    }
    .container
    { 
     font-size:14px;
      margin: 0px;
      border:1px solid black;
    }

    html code
    <body class="Main_page">
    <div class="container" >
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.