Home/ Questions/Q 6171071
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T23:09:05+00:00

I have CSS problems. I will try to explain my problem to you with

  • 0

I have CSS problems. I will try to explain my problem to you with using pictures.
I have a web page like this:
This must be normal view

This is the view that I don’t want while it is full with words:
Content view overflows from page but there is no scrolling in page

But I don’t want these ones. I want this: while content(content div) is full with words, It will expand to bottom and a scroll will appear right side of page. As a result, I want a content that expands without not effected top div but effects bottom div to move bottom together.

I hope I have explained my problem..

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’m not sure, but I think this is what you want:

    HTML:

    <body>
    <div id="content">
        <div id="top">This is the top div</div>
        <div id="main">This is the main div</div>
        <div id="bottom">This is the bottom div</div>
    </div>
</body>

    CSS:

    body{
    width: 100%;
    margin: 0px;
    padding: 0px; 
}

#content{
    margin: 0px auto;
    width: 800px;
}

#top{
    text-align: center;
    background-color: #FF0;
    height: 100px; 
    width: 800px;
    position: fixed;
    top: 0px;
}

#main{
    margin-top: 100px;  
}

#bottom{
    text-align: center;
    background-color: #FF0;
    height: 100px; 
    width: 800px;
}
    • 0