[CSS] Help needed...

[AdamJ]

Hello. I currently have this:

.middle {
   float: left;
   width: 59%;
   margin: 0 10px;
   padding: 1% 1%;
   text-align: left;
}

Which looks like this when in the HTML page:
http://img138.imageshack.us/img138/5973/screenat8.jpg


Right, my question,
How can I get it so the text inside the DIV tags

<div class="middle"></div>

goes all over the page, instead of just that little?


Thanks,
Adz

 

[AllThatHosting]

Try adding a fixed height to the container... Or just put it 100%.

 

[stuffradio]

.middle {
   float: left;
   width: 59%;
   height: 100%;
   margin: 0 10px;
   padding: 1% 1%;
   text-align: left;
}

 

[AdamJ]

Try adding a fixed height to the container... Or just put it 100%.

.middle {
   float: left;
   width: 100%;
   height: 100%;
   margin: 0 10px;
   padding: 1% 1%;
   text-align: left;
}

Thanks to Spritza, I changed it to 100% and it works fully now +rep granted to you!

 

[AllThatHosting]

No problem, glad to help.