Menu icon Foundation
two column fluid fixed responsive layout

Hi All,

Yesterday, I try to learn Zurb Foundation Css Framework. I will plan to use with Zurb framework in my project. But, I have not any source or ideas about my problem which are two column fixed fluild layout. I try to make like html assets in attachment picture. Could you please can you help me as soon as possible. Maybe, you make simply or give resource.

Thanks in advance.
Hakan.

Img howto

Hi All,

Yesterday, I try to learn Zurb Foundation Css Framework. I will plan to use with Zurb framework in my project. But, I have not any source or ideas about my problem which are two column fixed fluild layout. I try to make like html assets in attachment picture. Could you please can you help me as soon as possible. Maybe, you make simply or give resource.

Thanks in advance.
Hakan.

Img howto
Alexander Assimidis almost 5 years ago

Should the login form be fixed and just the orange can be scrolled?

Rafi Benkual almost 5 years ago

This will give you a good start http://codepen.io/rafibomb/pen/daqCc

  • something weird with codepen was preventing the background image so you see unnecessary img tag

hakan1001 almost 5 years ago

two column (orange and blue side) will be overflow, no scroll.

Rafi Benkual almost 5 years ago

You can wrap the the content with a frame:

<div class="frame">
  content
</div>
.frame {
        height: 100vh;
  position: relative;
  overflow: hidden;
}