<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>title</title>
<link href="style.css" rel="stylesheet" />
</head>
<body>
<div class="container">
<div class="container2">
<div class="left-col">
width = 100px<br>
left-col
</div>
<div class="center-col">
width = 100% - 100px -100px<br>
center-col center-col center-col center-col center-col center-col center-col center-col center-col center-col center-col center-col center-col center-col
center-col center-col center-col center-col center-col center-col center-col center-col center-col center-col center-col center-col center-col center-col
</div>
</div>
</div>
<div class="right-col">
width = 100px<br>
right-col
</div>
</body>
</html> |
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>title</title>
<link href="style.css" rel="stylesheet" />
</head>
<body>
<div class="container">
<div class="container2">
<div class="left-col">
width = 100px<br>
left-col
</div>
<div class="center-col">
width = 100% - 100px -100px<br>
center-col center-col center-col center-col center-col center-col center-col center-col center-col center-col center-col center-col center-col center-col
center-col center-col center-col center-col center-col center-col center-col center-col center-col center-col center-col center-col center-col center-col
</div>
</div>
</div>
<div class="right-col">
width = 100px<br>
right-col
</div>
</body>
</html>
Thank you this was exactly what I was looking for.
Pingback: Solution: Div width 100% minus fixed amount of pixels #computers #programming #solution | IT Info
Pingback: Solution: width: 100%-padding? #fix #solution #answer | IT Info
Pingback: Fix: width: 100%-padding? #fix #solution #development | Good Answer
Pingback: How to: Div width 100% minus fixed amount of pixels | SevenNet
Pingback: How to: width: 100%-padding? | SevenNet