variable-width – Tarik Billa

Fixed width div on left, fill remaining width div on right

May 3, 2023 by Tarik

Try removing the float:left and width:100% from .header-right — the right div then behaves as requested. .header { float: left; background: #efefef; background-repeat: no-repeat; width: 240px; height: 100px; } .header-right { overflow: hidden; background-color: #000; height: 100px; } <div class=”header”></div> <div class=”header-right”></div>

How to horizontally center a floating element of a variable width?

April 3, 2023 by Tarik

Assuming the element which is floated and will be centered is a div with an id=”content” … <body> <div id=”wrap”> <div id=”content”> This will be centered </div> </div> </body> And apply the following CSS: #wrap { float: left; position: relative; left: 50%; } #content { float: left; position: relative; left: -50%; } Here is a … Read more