0

Working on this site and now i'm majorly annoyed it isn't working.

<div id="Mid_Content">
<div id="Left_Content">
<h2>heading </h2>
<p>
test
</div>
<div id="Mid_point_Content">asdasd</div>
<div id="Right_Content">Form</div>
</div>

Mid_Content is a container and the rest inside it.

Here is the CSS

#Mid_Content {
    Width: 1000px;
}

#Left_Content {
width: 33%;
}
Mid_point_Content {
    Width: 33%;
    align: left;
}
Right_Content {
    Width: 33%;
    align: right;
}

Any idea why it's dropping down a line rather than lining up?

3
Contributors
4
Replies
5
Views
4 Years
Discussion Span
Last Post by bradly.spicer
0

Use Float insted of align. Like

<div id="Mid_Content">

<div id="Left_Content">
<h2>heading </h2>
<p>
test</p>
</div>
<div id="Mid_point_Content">asdasd</div>
<div id="Right_Content">Form</div>
</div>


<style>
#Mid_Content {
    Width: 1000px;
    float: left;
}

#Left_Content {
width: 33%;
float:left;
}
#Mid_point_Content {
    Width: 33%;
    float: left;
}
#Right_Content {
    Width: 33%;
    float:left;
}

</style>

Edited by Bachu

0

Dear 'bradly', you forgot to float the div, this will work:

<div id="Mid_Content">
<div id="Left_Content" style="float:left;">
<h2>Best Rates </h2>
<p>
2012 has been a great year for cheap mortgage deals. The Bank of England rate is at an all time low and mortgage lenders having to compete for your business, mortgage rates have been consistently low. Approaching the right mortgage provider for your circumstances is essential to getting the best rate. </p><p>
</p><p>
At We-Remortgage our mortgage advisers are highly experienced professionals, they have the knowledge and expertise to help you choose the right deal with latest applicants receiving rates as low as 2.68%!
</p><p>
Complete our 30 second form and start saving!
</p><p>
</p></div>
<div id="Mid_point_Content" style="float:left; width:33%;">asdasd</div>
<div id="Right_Content" style="float:right; width:33%">Form</div>

</div>

Good Luck :)

Edited by cmps

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.