Hi

 

I'm sure that this is a really basic and stupid question, but I've built a site in Dreamweaver with 5 divs across the middle of a #maincontent div.

 

When you view it in a browser the div boxes with images in them don't stay in a line if you narrow the browser, instead they drop down

Take a look here to see what I mean..

 

 

http://www.deverilljenkins.co.uk/test.html

 

All help gratefully received.

many thanks

Hi

 

I'm sure that this is a really basic and stupid question, but I've built a site in Dreamweaver with 5 divs across the middle of a #maincontent div.

 

When you view it in a browser the div boxes with images in them don't stay in a line if you narrow the browser, instead they drop down

Take a look here to see what I mean..

 

 

http://www.deverilljenkins.co.uk/test.html

 

All help gratefully received.

many thanks

 

have you tried creating an outer div with

 

<div style="display:inline">

 

and then for each of the boxs have you given a float position for each?

 

e.g: float:left

That may be because the containing div for all five div boxes hasn't got a width suitable to hold them all side by side. If the containing div is #maincontent, you already have a width: 1000px; in the stylesheet but delete display: inline (it works in my Firefox and IE7):-

#maincontent {               
height: 400px;
width: 1000px;
color: #660000;
border: thin none #ccc;
/*display: inline;*/
}

Thanks very much - removing the display:inline from the main content div worked.