Question

I have follwoing HTML

<div style="border: 1px solid;">
  <div style="background-color: blue; width: 1200px;">
<h3>
 Ticket Details</h3>      
  </div> 
</div>

in 1360*768 resolution it displays perfact but in 1024*768 resolution that the inner Div goes out of outer Div element.

and if i apply outer div’s width it also goes to out of screen in less resolution.. i want to fit width of div element size of screen

how do i set Div’s width that fit with resolution

Thanks/

Answer 1

Try percentage width in both. I’ve used 88% based on your 1200px width for resolution of 1360px. From there, I’ve set the inner div to 100% to take up the full inner width without going over it.

<div style="border: 1px solid;width:88%;">
  <div style="background-color: blue; width: 100%;">
    <h3>Ticket Details</h3>      
  </div> 
</div>