[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 :)

[Spritza]

Try adding a fixed height to the container... Or just put it 100&#37;.

[stuffradio]

.middle {
float: left;
width: 59&#37;;
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 :D +rep granted to you!

[Spritza]

No problem, glad to help.