My new site design is coming along nicely (I think!).
All except one <div> which I cannot for the life of me position anywhere near where I want it. I've racked my brains, but it just doesn't work.
<!-- m --><a class="postlink" href="http://www.round-the-bend.co.uk/new/">http://www.round-the-bend.co.uk/new/</a><!-- m -->
The <div> I'm struggling with is
<div id="phone">
Call Today on
<br>01733 767618
</div>
I would like it to appear near the bottom right corner of the centre <div> (the one with the double yellow border). It should slightly overlap this <div> much like the logo in the top left corner.
Anyone got any suggestions?
Thanks
RichAbsolute positioning. example:
#phone {
position: absolute;
top: 600px;
left: 350px;
bottom: 23px;
right: 0px;
}Sanim - should I place the #phone <div> within the #midcol <div> or somewhere else?
I need it to be positioned in relative to the #midcol <div> but with the ability to go outside of it's boundaries and not cause the #midcol <div> to increase in size or auto scroll......
All except one <div> which I cannot for the life of me position anywhere near where I want it. I've racked my brains, but it just doesn't work.
<!-- m --><a class="postlink" href="http://www.round-the-bend.co.uk/new/">http://www.round-the-bend.co.uk/new/</a><!-- m -->
The <div> I'm struggling with is
<div id="phone">
Call Today on
<br>01733 767618
</div>
I would like it to appear near the bottom right corner of the centre <div> (the one with the double yellow border). It should slightly overlap this <div> much like the logo in the top left corner.
Anyone got any suggestions?
Thanks
RichAbsolute positioning. example:
#phone {
position: absolute;
top: 600px;
left: 350px;
bottom: 23px;
right: 0px;
}Sanim - should I place the #phone <div> within the #midcol <div> or somewhere else?
I need it to be positioned in relative to the #midcol <div> but with the ability to go outside of it's boundaries and not cause the #midcol <div> to increase in size or auto scroll......