The code I created is quite messy.
I need the elements left-sbr and right-sbr to stay fixed in position, while allowing content to resize dynamically based on the browser or window size. Any suggestions on how to achieve this?
.left-sbr{
width:240px;
color:#2d2d2d;
float:left;
border:1px solid #0066FF;
position:fixed;
top:33px;
left:43px;
}
.content{
/*width:500px;*/
margin:33px 1px 0px 287px;
padding:0px 0px 0px 0px;
position:absolute;
width:50%;
/*left:287px;
top:33px;*/
height:100%;
color:#2d2d2d;
float:left;
border:1px solid #0066FF;
}
.right-sbr{
/*margin:33px 0px 0px 0px;
padding:0px 0px 0px 0px;*/
width:23%;
position:absolute;
top:33px;
left:100%;
color:#2d2d2d;
float:right;
border:1px solid #0066FF;
}
This is the HTML Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
<title>Learning English Grammar for Non Native Speakers</title>
<link rel="stylesheet" href="in-design.css"/>
</head>
<body>
<div class="left-sbr">
aaaaaaaaaaaaaaa
</div>
<div class="content">Data pada komputer diolah dan simpan dalam bentuk digital atau bilangan biner. Digital hanya mngenal dua nilai saja yaitu : 0 dan 1. Setiap 0 dan 1, disebut dengan istilah bit (binary digit). Bilangan yang terdiri atas delapan nilai (misalnya 10001001) disebut dengan byte (8 bit).<br>
Dalam dunia digital, ada dua jenis basis satuan, definisi basis 2 dan basis 10. Pada basis10, satu kilo berarti 1000 sedangkan pada basis 2 berarti 210 =1024. Berikut tabel basis satuan yang perlu anda ketahui: Ukuran Definisi basis 2 Defenisi basis 101 kilobytes 1024 byter 1000 bytes1 megabytes 1024 KB=1.048.576 bytes 1000.000 bytes1 gigabytes 1024 MB=1.073.741.824 bytes 1000.000.000 bytes.<br>
</div>
<div class="right-sbr">
cccccccccccccccccc</div>
</body>
</html>