Home/ Questions/Q 8600015
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T01:31:23+00:00

i want to remove blank spaces which is there. i am a layman user.

  • 0

i want to remove blank spaces which is there. i am a layman user. please forgive me if i am doing a silly mistake. thanks in advance. see image in which space is there and refer to code also.image of design of page

html code:

    <html>
    <head>
    <title>CSS</title>
    <link href="styles.css" rel="stylesheet">
    </head>

    <body>
    <div id="wraper">

    <div id="header">
    Header
    </div>
    <div id="sidebar">
    Side
    </div>
    <div id="content">
    Content
    </div>
    <div id="footer">
    Footer
    </div>

    </div>
    </body>
    </html>

css code:

    #wraper {
    margin:0 auto;
    width:800px;
    height:1000px;
    background:#FCFCFC;
    }
    #header{
    background:#CFCFC0;
    height:100px;
    width:800px;
    }
    #content {
    float:right;
    width:600px;
    height:700px;
    background:#C0C0C4;
    }
    #sidebar {
    float:left;
    width:200px;
    height:700px;
    background:#CFFCCC;
    }
    #footer {
    clear:both;
    background:#C0CC0C;
    height:200px;
    width:800px;
    }
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    try to remove padding and margin from body and html elements

    html, body {
   margin: 0; padding: 0;
}

    As a good practice you could load a normalize or reset stylesheet as a first css (e.g. http://meyerweb.com/eric/tools/css/reset/) to remove style discrepancies among browsers

    • 0