CODEWITHSUNDEEP
htmlasp.netcss
Marco Dinatsoli
Marco Dinatsoli

Reputation: 10570

The divs overlapping when minimizing the browser

This is my two divs:

enter image description here

This is the screen:

enter image description here

when I minimuse the browser, this overlapping happens

enter image description here

what should I do please?

To make it clear

the left div size is keep static even when I mimizie the browser, that is why the right div becoems over the left div

Edit2

when i tried Ruddy's solution, I got this:

enter image description here

Upvotes: 0

Views: 783

Answers (2)

Adriannom
Adriannom

Reputation: 36

Try min-width on the right hand container div.

E.g.

min-width: 200px;

Upvotes: 1

Suraj Rawat
Suraj Rawat

Reputation: 3763

Well it can perfectly be solved via responsive design but one thing you can try is to use percentages(%) for most of the html elements to manage the element overlapping problem this may help you upto some extend otherwise responsive web design is the necessary solution !

Upvotes: 0

Related Questions