Home/ Questions/Q 7854151
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T19:57:50+00:00

I need to do something like this: https://i.stack.imgur.com/97zZM.jpg with the first black column always

  • 0

I need to do something like this:

https://i.stack.imgur.com/97zZM.jpg

with the first black column always displayed on the left side of the page.

I have write this code but it doesn’t work:

HTML:

<html>
<head>
    <link rel="stylesheet" href="home.css" type="text/css" media="all" />
</head>


<body>
<div id="allcontent">


<div id="sidebar"> </div>

<div id="center">

<p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p> <p> TEST </p>

</div>


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

CSS:

#allcontent{ width:1000px; margin:auto; }

#center{ 
border-right:solid 1px #d0d9e8; height:80%; width:760px;
padding: 35px 10px 10px 0px;
float:right;
}

#sidebar { 
width:200px; height: 100%; float:left;  
background:#000;
border:solid 1px black;
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    set margins to 0 for both and padding to 0 for sidebar

    • 0