DIV Positioning

#1

Morning All

I am relatively new to web design, and currently working on moving a
historical site built within tables into one built within divs. I have one
problem through that is probably really easy but i dont know how to solve.

I have only just started and the code is below, just sets out the header, left
colum, centre main content, right column and footer. But whenever I view the
page in explorer it moves the main content down the page and doesnt show it
between the left and right columns - and idea why?

<body>
<div class="container">
<div class="header">Welcome to Market Monitor
</div>
<div class="left">
<ul id="MenuBar" class="MenuBarVertical">
[LI]<a href="index.html" title="Home">Home</a></li>
[LI]<a href="ia_aboutus.html" title="About Us">About Us</a> </li>
[LI]<a href="ib_whyuseus.html" title="Why Use Us"
class="MenuBarItemSubmenu">Why Use Us <img src="pics/arrows.gif" alt="Extend
Menu" width="8" height="8" border="0"></a>
[BULLET]
[LI]<a href="ib1_testimonials.html"
title="Testimonials">Testimonials</a></li>
[/BULLET]
</li>
[LI]<a href="ic_ourservices.html" title="Our Services"
class="MenuBarItemSubmenu">Our Services <img src="pics/arrows.gif" alt="Extend
Menu" width="8" height="8" border="0"></a>
[BULLET]
[LI]<a href="ic1_data.html" title="Data">Data</a></li>
[LI]<a href="ic2_theip.html" title="The IP">The IP</a></li>
[LI]<a href="ic3_cleansingandenhancement.html"
title="Cleansing">Cleansing</a></li>
[LI]<a href="ic4_televerification.html"
title="Tele-Verification">Tele-Verification</a></li>
[LI]<a href="ic5_broadcasts.html" title="Email Broadcasts">Email
Broadcasts</a></li>
[/BULLET]
</li>
[LI]<a href="id_datacards.html" title="Data Cards">Data Cards</a></li>
[LI]<a href="ie_faqs.html" title="FAQs">FAQs</a> </li>
[LI]<a href="if_news.html" title="News">News & Press</a></li>
[LI]<a href="ig_contactus.html" title="Contact Us">Contact Us</a>
</li>
[/BULLET]
</div>
<div class="right">
<p><a href="Register.html"><img src="pics/Register_button2.gif" alt="Register"
name="Register" border="0" id="Register"></a></p>
<p><a href="ig_contactus.html"><img
src="pics/GIF_Banners/Home_Page_GIF2.gif" alt="Online Banner" width="120"
height="149" border="0"></a></p>
</div>
<div class="main_content">
<p class="Header">Market Montior - Offering Premium Quality Prospect Data</p>
<p class="Typestyle_body">Welcome to Market Monitor, a leading provider of
tele-verified business to business prospect data.</p>
<p class="Typestyle_body">Everyone knows that in this day and age
marketing campaigns need to be segmented and targeted in order to achieve full
effectiveness. It is no longer a case of how many people you communicate
with but who you communicate with.</p>
<p class="Typestyle_body">If you are looking for new <a
href="ic1_data.html">postal, telephone or email data</a> to use within a
targeted marketing campaign, or wanting to <a
href="ic3_cleansingandenhancement.html">enhance</a> your existing data then we
can help. For over 20 years we have been building and maintaining a unique
database of prospect contacts that are all tele-verified within an annual
cycle.</p>
<p class="Typestyle_body">Plus with other services such as our bespoke <a
href="ic4_televerification.html">tele-verification</a> or <a
href="ic5_broadcasts.html">email broadcasts</a> we can offer you a variety of
solutions to help improve the success of your campaigns.</p>
</div>
<div class="footer"> footer</div>
</div>
</body>

#2

Can you copy/paste your CSS?

--

Virginia Carter
Carolina Web Creations
======================
www.carolinawebcreations.biz

Ads901 wrote:

Quote:

Morning All

I am relatively new to web design, and currently working on moving a
historical site built within tables into one built within divs. I have one
problem through that is probably really easy but i dont know how to solve.

I have only just started and the code is below, just sets out the header, left
colum, centre main content, right column and footer. But whenever I view the
page in explorer it moves the main content down the page and doesnt show it
between the left and right columns - and idea why?

body
div class="container"
div class="header">Welcome to Market Monitor
/div
div class="left"
ul id="MenuBar" class="MenuBarVertical"
[LI]<a href="index.html" title="Home">Home</a></li
[LI]<a href="ia_aboutus.html" title="About Us">About Us</a> </li
[LI]<a href="ib_whyuseus.html" title="Why Use Us"
class="MenuBarItemSubmenu">Why Use Us <img src="pics/arrows.gif" alt="Extend
Menu" width="8" height="8" border="0"></a
[BULLET]
[LI]<a href="ib1_testimonials.html"
title="Testimonials">Testimonials</a></li
[/BULLET]
/li
[LI]<a href="ic_ourservices.html" title="Our Services"
class="MenuBarItemSubmenu">Our Services <img src="pics/arrows.gif" alt="Extend
Menu" width="8" height="8" border="0"></a
[BULLET]
[LI]<a href="ic1_data.html" title="Data">Data</a></li
[LI]<a href="ic2_theip.html" title="The IP">The IP</a></li
[LI]<a href="ic3_cleansingandenhancement.html"
title="Cleansing">Cleansing</a></li
[LI]<a href="ic4_televerification.html"
title="Tele-Verification">Tele-Verification</a></li
[LI]<a href="ic5_broadcasts.html" title="Email Broadcasts">Email
Broadcasts</a></li
[/BULLET]
/li
[LI]<a href="id_datacards.html" title="Data Cards">Data Cards</a></li
[LI]<a href="ie_faqs.html" title="FAQs">FAQs</a> </li
[LI]<a href="if_news.html" title="News">News & Press</a></li
[LI]<a href="ig_contactus.html" title="Contact Us">Contact Us</a
/li
[/BULLET]
/div
div class="right"
p><a href="Register.html"><img src="pics/Register_button2.gif" alt="Register"
name="Register" border="0" id="Register"></a></p
p><a href="ig_contactus.html"><img
src="pics/GIF_Banners/Home_Page_GIF2.gif" alt="Online Banner" width="120"
height="149" border="0"></a></p
/div
div class="main_content"
p class="Header">Market Montior - Offering Premium Quality Prospect Data</p
p class="Typestyle_body">Welcome to Market Monitor, a leading provider of
tele-verified business to business prospect data.</p
p class="Typestyle_body">Everyone knows that in this day and age
marketing campaigns need to be segmented and targeted in order to achieve full
effectiveness. It is no longer a case of how many people you communicate
with but who you communicate with.</p
p class="Typestyle_body">If you are looking for new <a
href="ic1_data.html">postal, telephone or email data</a> to use within a
targeted marketing campaign, or wanting to <a
href="ic3_cleansingandenhancement.html">enhance</a> your existing data then we
can help. For over 20 years we have been building and maintaining a unique
database of prospect contacts that are all tele-verified within an annual
cycle.</p
p class="Typestyle_body">Plus with other services such as our bespoke <a
href="ic4_televerification.html">tele-verification</a> or <a
href="ic5_broadcasts.html">email broadcasts</a> we can offer you a variety of
solutions to help improve the success of your campaigns.</p
/div
div class="footer"> footer</div
/div
/body

#3

Hello,

As Virginia said, the answer is likely in the CSS.

This is usually a float drop, where the main content is too wide or has been
rendered too wide in IE by one of IE's many bugs like the "double margin
float". Is it IE6 or 7 you are using?
You can check it quickly by decreasing the width of the main content div and
testing.

Take care,
Tim

"Ads901" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:

Morning All

I am relatively new to web design, and currently working on moving a
historical site built within tables into one built within divs. I have
one
problem through that is probably really easy but i dont know how to solve.

I have only just started and the code is below, just sets out the header,
left
colum, centre main content, right column and footer. But whenever I view
the
page in explorer it moves the main content down the page and doesnt show
it
between the left and right columns - and idea why?

body
div class="container"
div class="header">Welcome to Market Monitor
/div
div class="left"
ul id="MenuBar" class="MenuBarVertical"
[LI]<a href="index.html" title="Home">Home</a></li
[LI]<a href="ia_aboutus.html" title="About Us">About Us</a> </li
[LI]<a href="ib_whyuseus.html" title="Why Use Us"
class="MenuBarItemSubmenu">Why Use Us <img src="pics/arrows.gif"
alt="Extend
Menu" width="8" height="8" border="0"></a
[BULLET]
[LI]<a href="ib1_testimonials.html"
title="Testimonials">Testimonials</a></li
[/BULLET]
/li
[LI]<a href="ic_ourservices.html" title="Our Services"
class="MenuBarItemSubmenu">Our Services <img src="pics/arrows.gif"
alt="Extend
Menu" width="8" height="8" border="0"></a
[BULLET]
[LI]<a href="ic1_data.html" title="Data">Data</a></li
[LI]<a href="ic2_theip.html" title="The IP">The IP</a></li
[LI]<a href="ic3_cleansingandenhancement.html"
title="Cleansing">Cleansing</a></li
[LI]<a href="ic4_televerification.html"
title="Tele-Verification">Tele-Verification</a></li
[LI]<a href="ic5_broadcasts.html" title="Email Broadcasts">Email
Broadcasts</a></li
[/BULLET]
/li
[LI]<a href="id_datacards.html" title="Data Cards">Data
Cards</a></li
[LI]<a href="ie_faqs.html" title="FAQs">FAQs</a> </li
[LI]<a href="if_news.html" title="News">News & Press</a></li
[LI]<a href="ig_contactus.html" title="Contact Us">Contact Us</a
/li
[/BULLET]
/div
div class="right"
p><a href="Register.html"><img src="pics/Register_button2.gif"
alt="Register"
name="Register" border="0" id="Register"></a></p
p><a href="ig_contactus.html"><img
src="pics/GIF_Banners/Home_Page_GIF2.gif" alt="Online Banner" width="120"
height="149" border="0"></a></p
/div
div class="main_content"
p class="Header">Market Montior - Offering Premium Quality Prospect
Data</p
p class="Typestyle_body">Welcome to Market Monitor, a leading
provider of
tele-verified business to business prospect data.</p
p class="Typestyle_body">Everyone knows that in this day and age
marketing campaigns need to be segmented and targeted in order to achieve
full
effectiveness. It is no longer a case of how many people you
communicate
with but who you communicate with.</p
p class="Typestyle_body">If you are looking for new <a
href="ic1_data.html">postal, telephone or email data</a> to use within a
targeted marketing campaign, or wanting to <a
href="ic3_cleansingandenhancement.html">enhance</a> your existing data
then we
can help. For over 20 years we have been building and maintaining a unique
database of prospect contacts that are all tele-verified within an annual
cycle.</p
p class="Typestyle_body">Plus with other services such as our bespoke
a
href="ic4_televerification.html">tele-verification</a> or <a
href="ic5_broadcasts.html">email broadcasts</a> we can offer you a variety
of
solutions to help improve the success of your campaigns.</p
/div
div class="footer"> footer</div
/div
/body

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

DIV Positioning

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)

DIV Positioning - 07-04-2008 , 05:32 AM

Re: DIV Positioning - 07-04-2008 , 06:18 AM

Re: DIV Positioning - 07-04-2008 , 08:04 AM