Home/ Questions/Q 7078691
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T06:34:44+00:00

can anyone help me to find a CSS solution here, please? here is a

  • 0

can anyone help me to find a CSS solution here, please?
here is a scribble:

Scribble

The wrapper has a variable width and the inside space of the floating boxes should exactly 1px. the margin-bottom is no problem – but the margin on the left/right side. how to solve this with width:33%?? 🙁

Thanks in advance.

EDIT: this would be a mobile friendly page. so there are fewer columns if the browser size is smaller. i will do this with @media.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    <div class="Dummy">


    <div class="insideDummy">aloha</div>
    <div class="insideDummy">aloha</div>
    <div class="insideDummy">aloha</div>
    <div class="insideDummy">aloha</div>
    <div class="insideDummy">aloha</div>
    <div class="insideDummy">aloha</div>



</div>

    where

    .Dummy{float:left; min-width:99.9%; height:auto; background:#999999; float:left;}


.insideDummy{ float:left; width:33.25%; min-width:10%; height:300px; background:#99FFCC; margin-left:1px; margin-top:1px;}

    Extremely fluid design. some glitches may be visible in different resolutions, but should work in most cases.

    • 0