• Locked
1 reply [Last post]
Sun, 2016-05-29 22:07
valoni111
valoni111's picture
Offline
newbie
Last seen: 5 years 2 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

Top
Tags:
Sun, 2016-07-03 05:26
#1
gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 15 weeks 2 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

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.

Top
  • Locked