CODEWITHSUNDEEP
htmlcss
user1787489
user1787489

Reputation: 1007

What is the css positioning style that keeps all elements positioned the same when the window is resized?

My html page has some text, a search bar, a results pane, a navigation bar, and several other elements which i want to stay in the same position relative to each other.

My thoughts were to make absolutely positioned divs inside a relatively positioned container div, and then give them all min/max pixel values.

If i gave them min/max pixel values they wouldnt change size/positioning when the window was resized, correct?

But if i did this then wouldnt they not fit on monitors with smaller screens?

Forgive any inaccuracies in my statements, im still in the learning process.

Upvotes: 1

Views: 109

Answers (1)

Jacqui Dorrough
Jacqui Dorrough

Reputation: 134

If you set the height and width to a percent, then set a min-height and min-width, the divs will flex to the size of the parent div (which is dependent on the size of the parent window). The problem with that solution is that with smaller screen size windows, the absolute positioning for the elements won't allow you them to nudge down if the content of an individual div needs to wrap. You might be able to position your internal divs using the default browser settings and adjusting the margin values, and use float: left or float: right to position elements that need to be adjacent.

Upvotes: 3

Related Questions