1 reply [Last post]
valoni111
valoni111's picture
Offline
newbie
Last seen: 3 years 27 weeks ago
Timezone: GMT+2
Joined: 2016-05-29
Posts: 1
Points: 2

Hi Guys,

I'm trying to divide my page in different blocks.
I want the blocks to be updated when the screen is resized. I'm using width: %.
The blocks I tried to divide with Float left / right and clear left / right. Till now I didn't succeed.
See below for the desired result. Is this possible in CSS with function float? Or do I need to use something else? Thanks for feedback!

----------------------------------------------------------------
               -               -               -               -
               -               -               -               -
               -               -               -               -
               -               -----------------               -         
               -               -               -               -
               -               -               -               -            
----------------               -----------------               -             
               -               -                               -
               -               -                               -
               -               -----------------               -               
               -               -               -               -
               -----------------               -               -
               -               -               -               -
               -               -               -               -
----------------------------------------------------------------

Greetings,
Valon

//mod edit: ASCII pic wrapped in [code][/code] tags to maintain formatting. ~gt

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 day 11 hours ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9745
Points: 3824

I would use {display:

I would use {display: inline-block;} and @media to reset the column widths as the viewport becomes narrower.

If you could show us the markup you have or a link to the page, we could be more specific.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.