Member Avatar for bradly.spicer

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
  • 2K Views
  • 1 Hour Discussion Span
  • Latest Post Latest Post by bradly.spicer
Member Avatar for Bachu

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
Member Avatar for cmps

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
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.