Common DC & DIV

Hi fnds,
I Define DC 01-Direct
02-Deler
03-Exports
When i Enter during the creation of Order,i have to enter Sales area ,,,,,,,,,,,,,,,,,,,,,i am going to create Export order.if i Define Common DC .Which Dc it takes.
I need Clear explanation,,,,,,,,,,,if possible With Examples.
I can Appriciate if you forward any Real time Exampls.
Thakns in Advance
Regardas
Ram

Hi Venkat
The functions of DC are as follows:-
1) For a distribution channel, you can determine your own sales document types.
2) You can determine sales offices for a distribution channel.
3) All items of a sales document belong to a distribution channel. The entire sales document is therefore entered for a distribution channel.
4) The items of a delivery can belong to different distribution channels.
5) All items of a billing document belong to a distribution channel.
6) The distribution channel can be used as a selection criterion in lists.
7) You can determine the printer destination for messages differently for every distribution channel on the basis of the sales and billing documents.
A distribution channel does not fulfill the following criteria:
1) A distribution channel does not have its own address.
2) You cannot allocate your own employees to a distribution channel.
Also it is always recommended to have different distribution channels for Exports and Domestic and two pricing procedures. In fact we can further split Exports into OE Exports and Retail Exports and likewise for domestic.
Reward points please if this helps you.
Thanks
G. Lakshmipathi

Similar Messages

ERROR COMMON DC & DIV.

HI ALL ,
The sales org is 2345 ,with dc 23 , div 45, for which master data has been maintained & CONSIDERING the above sales area created common dis ch & div.
SALES ORG 2345 , DIS CHN A1 & A2 .DIV B1 & B2.
VOR1 : COMMON D.C :
2345(S.O), 23 (DC), 23(DC CONDI),23 (DC CUST/MT)
2345(S.O), A1 (DC), 23(DC CONDI),23 (DC CUST/MT)
2345(S.O), A2 (DC), 23(DC CONDI),23 (DC CUST/MT)
VOR2 : COMMON DIV :
2345(S.O), 45 (DV), 45(DV CONDI),45 (DV CUST)
2345(S.O), B1 (DV), 45(DV CONDI),45 (DV CUST)
2345(S.O), B2 (DV), 45(DV CONDI),45 (DV CUST)
ERROR :
When the order is raised for sales area 2345 ,a1 , b1 or 2345 a2, b2 the system thows an error msg " SOLD TO PARTY 40088 NOT DEFINED FOR SALES AREA 2345 ,A1,45.
CAN U PL GUIDE .
ALL THE CONFIG IN ENTERPRISE STRUCTURE IS ACCURATE .
THANKS,
JERRY .

hi
Check your setting related to Sales area
Set up sales area
T-code: OVXG
Path: Enterprise Structure ® Assignment ® Sales and Distribution ® Set up sales area
Assign Sales Area To Sales Document Types
T-code: OVAO
Path: Sales and Distribution ® Sales ® Sales Documents ® Sales Document Header ® Assign Sales Area To Sales Document Types
Assign Sales Areas To Customer Hierarchy Types
Path: Sales and Distribution ® Master Data ® Business Partners ® Customers ® Customer Hierarchy ® Assign Sales Areas
Regards
Vishal

Difference betwwen Common DC/Division & Reference DC/Div.

Hi ,
Please explainn the basic difference with example and where to use which :--
01. Common DC/ Div Vs Reference DC/Div.
02. Scheduling agreements Vs Order Schedule line ( As we can create schedule lines in order too so why we need Scheduling agreement ?)
Thanks/Rajesh

Hello Rajesh,
Hope you are doing good.
1. Common Div/DC & Reference Div/DC are basically same. While creating Common Div/DC you give reference of another Divison / Distribution Channel. (The main use of this is to refer Pricing Condition, Customer Master Data, etc)
2. Scheduling Ag / Schedule LInes: Assume that you are Cement supplier & your Customer is a Builder & he would require 100 Bags of Cement on 15th of every month. In this case you will enter a Schedulling Agreement in system which will mention exact delivery dates as required by client.
Incase of Schedule LInes in Order, they are automatically determined by the system based on the availability of stock & planned receipts & planned issues & other factors.
Hope this throws some light on your query,
Thanks,
Jignesh Mehta

COMMON DIVISIONS

Hi Gurus,
I have created folln divisions.
10-xxxxx
11-zzzz
12-aaaaa
13-pppp
And common division as
01- Common Division.
material masters are created with respective division in material master.
However I want sales orders to be created on common division but effect should be of particular division.
As I do not want to create / extend customer master for each and every division.
please let me configuration setting.

Go To Img>Sales and Distribution>Master data-->Commom dist channel/division.
Enter your 'Sales org' & 'Dist channel/ Division' (as per ur req 10 & 11) and Assign common dist channel/division (01).
Ex:
1000    10                01
1000    11                01
Then create a master data for common dist/division (01). Now u can process a sales order from 10, 11 and 01 also.
Please Note.
1. You cannot create/change a master data to the distribution/div that refered to the common dist/div.
2. You cannot Refer common division for material master as a division is material master feild.
3.Here you may/may not also refer for condition records.
I think this will solve your problem.
Reward if usefull for you.
Muthupandiyan.
Message was edited by:
        Muthupandiyan

Common division & distribution channel

Hello all,
             Kindly provide a solution to my query . Incase of same division & sales organisation but different distribution channel we can maintain common distribution channel so that no separate customer master data needs to be maintained for different distribution channels if customer details are same.
             But incase where either division or distribution channel & division is/are different we can maintain common distribution channel & division so as to use the same customer for different sales area. But here do we need to maintain separate material master record for each division along with customer -material info record as well as condition record (customer/material)...???
As in here although common division is maintained but the materials ( Pharma & Paint ) are different along with their industry sectors....so how can the same material master be maintained for both the divisions..?
Sales org : LSE
Dist chl : LR & LS
Div : PH & P1
               Please provide any input .                                                                                Thanks.

Hi
As of my understanding,
Sales org : LSE
Dist chl : LR & LS - Choose either of LR / LS as a common distribution channel.   SAY LR is a common division
Div : PH & P1 in this case SAY PH is a common division.
Now
1. Your commond distribution channel and Division will be used only in case of creating of Customer Master. So your Customer master will be created in the following sales area.
Sales org :   LSE
Dist chl :       LR
Div :              PH
2. To create Material Master Data we need only Sales org and Distribution channel. Division is not Required.
Sales org :   LSE
Dist chl :       LR
For the reporting or LIS / SIS purpose you can keep seperate divisions for the Every Material.
Say Material A with Division PH
Material B with Division P1.
Try Maintaing the data like this it will work for you.
Now here make sure when you create sales order , before that go to VOV8 and remove the entry for CHECK DIVISION (keep it blank) other wise system will give the error, Header division and item division will mismatch.
Finally for Condition again you can keep the respectively seperate division for each kind of material
Thanks
Rishi

Regarding Common divisions

Dear Experts
I am facing a problem regarding the maintenance of common div.we have div as 10,11,12,.and distribution channel as 25.We have Sold to party defined for Sales org-25-10 sales area.Now a different SH is also defined for the same sales area.i.e. sales org/25/10.
Now in VOR1 the config done is
Sales org   Dchl    Dchl Cond      Dchl-Cust/Mt
ABC            25           25             25
& In VOR2 the config is
Sales org   Dv     DivCon      DivCust
ABC          10      10            10
ABC           11      10            10
ABC          12       10            10
The problem that i am facing is when i prepare a sales order i give the sales area as ABC/25/10 and give the SP and a diff SH and the material is entered for DIV - 11 but the system gives a error msg as SH is not defined for sales area ABC/25/11.If i have maintained the common dc & div then this msg should not appear.
helpful suggestions will be rewarded

Hi
Common division will not check material master as division is not an organizationl unit in MMR and it is a field which we specify in basic data and sales org data 1
Suppose if you are creating an order for a customer created in sales area 1000,10,00 and you are inputting materials which belongs to
Material X division in MMR is 01
Material Y division in MMR is 02
Material Z division in MMR is 03
Here the header division is 00 and item divisions are 01,02,03
if you tick the item division in your order type then materials divisions   01,02,03 takes control for this sales order
That means for your sold to party in sales area 1000,10,00 there should be a ship to party in the sales area combinations of 01 and 02 and 03 or sold to party has to be extended to 1000,10,01,and 1000,10,02 and 1000,10,03 in XD01
If item division is unticked the header division is valid for all items
that means you can smoothly process the above scenario
For your case i dont know what is the problem with your new plant you need to extend the customer master in XD01 in all the possible sales areas wherever your item division falls
Common divisions will not work you can see in t code VOR2 you will see the assignments for customer and conditions only and not materials
But in VOR1 you will see all three like customer and conditions and materials
Soln is
Extend the CMR to all possible sales area that the material division lies like you have the customer for only 1000,10,00 and materials in 01,02 03 divisions then extend CMRs them to 1000,10,01 and 1000,10,02 and 1000,10,03 assuming that we have only one sales org and one distribution channel in this example
Regards
Raja

Text Styling & Css

Hello i createad a template and imported it to dreamweaver and then used a front in the css panel window for my navagation bar links. i have a content area which displays pages from an external location. the problem is when i preview my pages, the content area adopts the default css front which i used for the navagation panel and displays my external pages differently. is there a way to stop this and display my pages as is from the external pages?

here is a copy of my code. do i still need to upload my website?
<html>
<head>
<title>helping_hands</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
var loadedobjects=""
var rootdomain="http://"+window.location.hostname
function ajaxpage(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
catch (e){}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
page_request.open('GET', url, true)
page_request.send(null)
function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
</script><style type="text/css">

</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table width="801" height="939" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
    <tr>
        <td colspan="17" rowspan="2">
            <img src="images/helping_hands_01.jpg" width="555" height="67" alt=""></td>
        <td colspan="7">
            <img src="images/helping_hands_02.jpg" width="245" height="32" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="32" alt=""></td>
    </tr>
    <tr>
        <td colspan="7">
            <img src="images/helping_hands_03.jpg" width="245" height="35" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="35" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <img src="images/helping_hands_04.jpg" width="85" height="6" alt=""></td>
        <td width="93" height="22" colspan="3" rowspan="2" bgcolor="#CC3333"><a href="javascript:ajaxpage('ajaxfiles/external2.htm', 'rightcolumn');">Home</a></td>
        <td colspan="2">
    <img src="images/helping_hands_06.jpg" width="28" height="6" alt=""></td>
        <td width="93" height="22" colspan="2" rowspan="2" bgcolor="#99FF33"><a href="#">FAQ</a></td>
        <td>
<img src="images/helping_hands_08.jpg" width="22" height="6" alt=""></td>
        <td width="93" height="22" rowspan="2" bgcolor="#0000FF"><a href="#">Services</a></td>
        <td>
            <img src="images/helping_hands_10.jpg" width="20" height="6" alt=""></td>
        <td width="93" height="22" rowspan="2" bgcolor="#CC3399"><a href="#">home</a></td>
        <td>
            <img src="images/helping_hands_12.jpg" width="15" height="6" alt=""></td>
        <td width="86" height="22" colspan="2" rowspan="2" bgcolor="#FF9933"><a href="#">home</a></td>
        <td>
            <img src="images/helping_hands_14.jpg" width="17" height="6" alt=""></td>
        <td width="93" height="22" colspan="2" rowspan="2" bgcolor="#FFCC00"><a href="javascript:ajaxpage('ajaxfiles/external3.htm', 'rightcolumn');">Contact Us</a></td>
        <td colspan="3">
<img src="images/helping_hands_16.jpg" width="62" height="6" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="6" alt=""></td>
    </tr>
    <tr>
        <td colspan="4" rowspan="2">
            <img src="images/helping_hands_17.jpg" width="85" height="62" alt=""></td>
        <td colspan="2" rowspan="2">
            <img src="images/helping_hands_18.jpg" width="28" height="62" alt=""></td>
        <td rowspan="2">
            <img src="images/helping_hands_19.jpg" width="22" height="62" alt=""></td>
        <td rowspan="2">
            <img src="images/helping_hands_20.jpg" width="20" height="62" alt=""></td>
        <td rowspan="2">
            <img src="images/helping_hands_21.jpg" width="15" height="62" alt=""></td>
        <td rowspan="2">
            <img src="images/helping_hands_22.jpg" width="17" height="62" alt=""></td>
        <td colspan="3" rowspan="2">
            <img src="images/helping_hands_23.jpg" width="62" height="62" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="16" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="images/helping_hands_24.jpg" width="93" height="46" alt=""></td>
        <td colspan="2">
            <img src="images/helping_hands_25.jpg" width="93" height="46" alt=""></td>
        <td>
            <img src="images/helping_hands_26.jpg" width="93" height="46" alt=""></td>
        <td>
            <img src="images/helping_hands_27.jpg" width="93" height="46" alt=""></td>
        <td colspan="2">
            <img src="images/helping_hands_28.jpg" width="86" height="46" alt=""></td>
        <td colspan="2">
            <img src="images/helping_hands_29.jpg" width="93" height="46" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="46" alt=""></td>
    </tr>
    <tr>
        <td colspan="24"><img src="images/helping_hands_30.jpg" width="800" height="100" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="100" alt=""></td>
    </tr>
    <tr>
        <td colspan="24">
            <img src="images/helping_hands_31.jpg" width="800" height="13" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="13" alt=""></td>
    </tr>
    <tr>
      <td colspan="3" rowspan="2">
            <img src="images/helping_hands_32.jpg" width="44" height="26" alt=""></td>
        <td colspan="5" rowspan="2" bgcolor="#3a0428"><a href="javascript:ajaxpage('ajaxfiles/external.htm', 'rightcolumn');">Why Helping Hands</a></td>
        <td colspan="16">
        <img src="images/helping_hands_34.jpg" width="607" height="18" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="18" alt=""></td>
    </tr>
    <tr>
      <td colspan="2" rowspan="11">
            <img src="images/helping_hands_35.jpg" width="41" height="237" alt=""></td>
        <td colspan="12" rowspan="15" align="left" valign="top" id="common 1"><div id="rightcolumn">
          <h3>Choose a page to load.</h3>
    </div></td>
        <td colspan="2" rowspan="15">
            <img src="images/helping_hands_37.jpg" width="42" height="467" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="8" alt=""></td>
    </tr>
    <tr>
      <td colspan="3" rowspan="10">
            <img src="images/helping_hands_38.jpg" width="44" height="229" alt=""></td>
        <td colspan="5" bgcolor="#3a0428">Home Care Services</td>
        <td>
            <img src="images/spacer.gif" width="1" height="22" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="images/helping_hands_40.jpg" width="149" height="4" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="4" alt=""></td>
    </tr>
    <tr>
        <td colspan="5" bgcolor="#3a0428">Home Makers service</td>
        <td>
            <img src="images/spacer.gif" width="1" height="21" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="images/helping_hands_42.jpg" width="149" height="4" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="4" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="images/helping_hands_43.jpg" width="149" height="21" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="21" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="images/helping_hands_44.jpg" width="149" height="26" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="26" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="images/helping_hands_45.jpg" width="149" height="4" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="4" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="images/helping_hands_46.jpg" width="149" height="20" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="20" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="images/helping_hands_47.jpg" width="149" height="26" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="26" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="images/helping_hands_48.jpg" width="149" height="81" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="81" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="images/helping_hands_49.jpg" width="29" height="50" alt=""></td>
        <td colspan="3"> </td>
        <td rowspan="2">
            <img src="images/helping_hands_51.jpg" width="10" height="50" alt=""></td>
        <td colspan="3"> </td>
        <td rowspan="4">
            <img src="images/helping_hands_53.jpg" width="28" height="230" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="24" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="images/helping_hands_54.jpg" width="114" height="26" alt=""></td>
        <td colspan="3">
            <img src="images/helping_hands_55.jpg" width="53" height="26" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="26" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="images/helping_hands_56.jpg" width="17" height="180" alt=""></td>
        <td colspan="8"> </td>
        <td>
            <img src="images/spacer.gif" width="1" height="157" alt=""></td>
    </tr>
    <tr>
        <td colspan="8">
            <img src="images/helping_hands_58.jpg" width="189" height="23" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="23" alt=""></td>
    </tr>
    <tr>
        <td colspan="24">
            <img src="images/helping_hands_59.jpg" width="800" height="117" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="117" alt=""></td>
    </tr>
    <tr>
        <td colspan="24">
            <img src="images/helping_hands_60.jpg" width="800" height="35" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="35" alt=""></td>
    </tr>
    <tr>
        <td colspan="20" rowspan="2">
            <img src="images/helping_hands_61.jpg" width="723" height="53" alt=""></td>
        <td colspan="3">
            <img src="images/helping_hands_62.jpg" width="46" height="4" alt=""></td>
        <td rowspan="2">
            <img src="images/helping_hands_63.jpg" width="31" height="53" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="4" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="images/helping_hands_64.jpg" width="46" height="49" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="49" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/spacer.gif" width="17" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="12" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="15" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="41" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="58" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="10" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="25" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="15" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="13" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="28" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="65" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="22" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="93" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="20" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="93" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="15" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="13" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="73" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="17" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="78" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="15" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="20" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="11" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="31" height="1" alt=""></td>
        <td></td>
    </tr>
</table>
<a href="#">#</a>

</body>
</html>

Creating customer without maintaining common distribution channel and divis

Dear all...
can anybody tell me how to create a customer without maintaining common distribution channel & division..
sathsdn..

Hi
Welcome to SDN
Not possible
Because whenever you are going to create customers /materials or conditions for a distribution channel the system is going to check the reference distribution channel in VOR1 (whether any entry is there) and will accept when there is entry there only
Similarly
Because whenever you are going to create customers /conditions for a division the system is going to check the reference division in VOR2 (whether any entry is there) and will accept when there is entry there only
Without configuring VOR1 and VOR2 creating master data is not possible
If you dont want to havecommon distribution channel or division keep the same as common
Suppose in VOR1 for 1000,10 if you have to define common distribution channel then you can maintain as Ref DC customers /materials as 10 (the same) and Ref DC for conditions as also 10 (the same)
Regards
Raja

AP Divs (layers) move when I open my website on different window size.

First of all, this is my first time trying to make a website.
I'm doing an assignment for my class and i found it difficult for me to fix. I have spend 4-5 hours researching online but nothing work for me.
Well,the problem is the AP Divs (layers) move when I open my website on different window size(iphone,ipad).
The website only look right on 1366 x 786 resolution. Please take a look at my 2 pics below:
And I don't know how to make the website to fit on the iphone and ipad so that I don't have to scroll down or sroll to the right to view the whole thing.
Please someone help me!
The code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width" />
<title>Boston Green Community College</title>
<style type="text/css">

</style></head>
<body>
<div class="container">
<div class="header"><a href="#"><img src="Pictures/34d-1.png" alt="Insert Logo Here" name="Insert_logo" width="619" height="90" id="Insert_logo" style="background-color: #C6D580; display:block;" />
    <div id="apDiv11"><font color="#f4f1f1">
<script type="text/javascript">
var d=new Date()
var weekday=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var monthname=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
document.write(weekday[d.getDay()] + " ")
document.write(d.getDate() + ". ")
document.write(monthname[d.getMonth()] + " ")
document.write(d.getFullYear())
</script></font>
</div>
    <div id="apDiv1">


<form name="cse" id="searchbox_demo" action="http://www.google.com/cse">
<input type="hidden" name="cref" value="" />
<input type="hidden" name="ie" value="utf-8" />
<input type="hidden" name="hl" value="" />
<input name="q" type="text" size="40" />
<input type="submit" name="sa" value="Search" />
</form>
<script type="text/javascript" src="http://www.google.com/cse/tools/onthefly?form=searchbox_demo&lang="></script>
                              </div>
                                </div>
<div class="content">
    <center><img src="Pictures/DFDF11.png" width="959" height="556" longdesc="Pictures/junior-2-960x.jpg" /></h1></center>
</div>
<div class="footer">
     <img src="Pictures/RRR1.png" width="202" height="70" />
     <div id="apDiv3">
       <p> </p>
       <p><a href="Job.html">Jobs</a>         </p>
       <p><a href="Art Gallery.html">Art Gallery</a>         </p>
       <p><a href="Contact us.html">Contact Us </a></p>
    </div>
    <div id="apDiv4"><center>
<P>About</P>
<a href="visiting.html">visiting</a> | <a href="Map.html">maps </a>| <P><a href="About.html">about BGCC</a></P>
<P>Academic</P>
<P><a href="Courses.html">schools+courses</a></P>
<P>Admissions </P>
<P><a href="cost & aid basics.html">cost & aid basics </a>| <a href="Apply now.html">join BGCC</a>
<P>Studen Life</P>
<P><a href="Athletics.html">Athletics</a></P>
<P>Greenforce Education</P>
<P><a href="Career.html">career center</a></P>
</center> </div>
     <p><font size="2" color="black">BGCC | 99 GreenField | Boston, MA 02199 |617-0101-1000| TTY 617-0202-9944|</font></p>
    <div id="apDiv9"><a href="Donate.html" target="_blank"><a href="Donate.html"><img src="Pictures/three-green-logo.jpg" width="218" height="99" longdesc="Pictures/three-green-logo.jpg" /></div>
    <div id="apDiv8"><a href="Apply now.html" target="_blank"><a href="Apply now.html">
<img border="0" src="Pictures/cxgvxdvxgd.jpg" alt="Apply Now" width="218" height="99"></a></div>
</div>
</div>
</body>
</html>

That's what APDivs do. This is the single most common problem new people have with web page layouts. DO NOT use positioning. You don't need it. Start over. Learn to use CSS floats, margins and padding to align elements.
Below is a basic HTML5 Layout. View source in browser to see the code.
http://www.alt-web.com/sandbox/HTML5-BasicLayout.html
Nancy O.

Design View and a CSS Div layout page

There are a few pages l
ike this. I am assuming it is because everything is layed out w
ith div tags, but there mush be a way to correct the desging view. Everything shows up great o
nline. Here is a screenshot:
Here is the code:
<body onload="initHomePage(); addReferToLinks();">

<script type="text/javascript" src="/shared_assets/toolbar_v2/toolbar.js"></script>

<img src="/profile/image/logo_linknet.gif" />

<form name="frmSearch" action="" method="get" title="Resources" class="scopedSearch">
       <input class="textInput" name="qt" value="THIS SECTION ONLY" id="searchField" size="20" />
       <input class="button" type="submit" value="Search" name="submit" />
       <input type=hidden name="col" value="mpr dno dnos1" />
</form>
    <div id="main">

<div id="newsBox" class="box">
   <div class="boxHeader">
    <div class="headerLeft"><h2>MP News</h2></div>
    <div class="headerRight"><a href="/news/news/index.htm" class="more">more »</a></div>
   </div>
   <div class="boxContent">
    <h3>
     <script type="text/javascript">var x=new Date(); document.write(x.toLocaleDateString());</script>
    </h3>
    <div id="newsContent">
     <div class="loading">
      Loading...
     </div>
    </div>
    
    <h3>My Subscriptions</h3>
     <ul style="list-style-type:none;">
      <li><a href="http://rss/">Setup Subscriptions - Get Help</a></li>
      <li><a href="http://">View Subscriptions</a></li>
     </ul>
    
    <div class="imgFrame"><a href=""><img src="image/mc_logo2.jpg" alt="Media Center" hspace="0" vspace="0" border="0" /></a></div>
    
    <div class="imgFrame"><a href="http/"><img src="image/columns.gif" hspace="0" vspace="0" border="0" alt="The Northwestern Columns" /></a></div>
   </div>
</div>


<div id="content">
   
   
   <div id="alert" class="box highlightBox">
    <div class="boxHeader">
     <div class="headerLeft"><h2>Important Notice</h2></div>
     <div class="headerRight"> </div>
    </div>
    <div id="alertContent" class="boxContent">
     <div class="article">
      <a href="" class="headline">Avoid lock out - Install LINK 22.2 now</a>
      Users who do not install LINK 22.2 before the version enforcement date of July 31 will be
      unable to access their PCs.
     </div>
    </div>
   </div>
            <div id="home_page_id">) Home Page</div>
   
   <div id="activities" class="box highlightBox">
    <div class="boxHeader">
     <div class="headerLeft">Welcome<span id="username"></span><h2>What would you like to do?</h2></div>
     <div class="headerRight"> </div>
    </div>
    <div class="boxContent">
     <div style="width:100%;">
      <ul>
       <li><a title="Find information and tools for recruiting new representatives" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Recruiting: <select style="font:message-box; width:19em;" onchange="if(this.value){window.navigate(appendReferer(this.value))};">
         <option name="selectRecruit" selected="selected">*** make selection ***</option>
         <option value="http.htm">Sourcing & Prospecting</option>
         <option value="http://.htm">Selecting & Assessing Candidates</option>
         <option value="http://_process.htm">Post Acceptance Process</option>
         <option value="http">Developing an Internship Program</option>
         <option value="http.htm">Tracking Activity, Results & Accountability</option>
         <option value="http://.htm">Recruiter Development</option>
        </select></a></li>
       <li><a href="/objective/mpr_secure/mp_ldorgdev.htm" title="Find information and tools for developing leaders in your office" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Leadership & Organizational Development </a></li>
       <li><a href="/objective/mpr_secure/mp_supvsn.htm" title="Find information and tools for effective supervision" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Supervision</a></li>
       <li><a href="/objective/mpr_secure/mp_stfop.htm" title="Find information and tools for   managing your office" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Staffing & Operations</a></li>
       <li><a href="/objective/mpr_secure/mp_plnperform.htm" title="Find information and tools for business planning and performance monitoring" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Planning & Performance</a></li>
          <li><a href="/objective/mpr_secure/mp_mngmntcompben.htm" title="Find information regarding income, fees, expenses, allowances and benefits" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Management Compensation & Benefits</a></li>
          <li><a href="/objective/mpr_secure/mp_repdev.htm" title="Find information and tools regarding mentoring and professional growth" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Representative & Specialist Development</a> </li>
      </ul>
      <div id="slideshow1" class="activitySlideshow" style="height:212px;">
       <img src="image/slideshow_photos/photo06.jpg" />
       <img src="image/slideshow_photos/photo07.jpg" />
       <img src="image/slideshow_photos/photo08.jpg" />
       <img src="image/slideshow_photos/photo09.jpg" />
       <img src="image/slideshow_photos/photo10.jpg" />
      </div>
     </div>
    </div>
   </div>
   
   <div class="leftColumn">
   
    <div class="box">
     <div class="boxHeader">
      <div class="headerLeft"><h2>Events Calendar</h2></div>
     </div>
      <div class="boxContent"><ul>
      <li>April 25-30<br />
     <a href="http_020110.htm" target="_blank"></a></li>
     <li>May 12-14<br />
     <a href="http://030510.htm" target="_blank"></a></li>
       <li>June 16<br />
     <a href="http://.htm" target="_blank">Series conversation</a></li>
                      </ul>
      </div>
    </div>
     
     <div class="box">
      <div class="boxHeader">
       <div class="headerLeft"><h2>Spotlight</h2></div>
       <div class="headerRight"> </div>
      </div>
      <div class="boxContent">
              <div class="article">
      
   <div class="headline"><a href="http.htm?tern Mutual Association dues decline form available</a> </div>
     The $25 association membership fee will be charged to June 30 home
     office supply bills. Representatives who wish to decline membership
     may submit a <a href="http://.htm" target="_blank">decline
     form</a>.
<div class="headline"><a href="http://.htm">Surplus notes information available</a> </div>
     Find answers to common questions and hear insights from about the company’s recent surplus notes offering.
                          <div class="headline"><a href="http://.htm">Stay up to date on 2010 estate tax repeal </a> </div>
     Consider the new Estate Tax Repeal page on LINKnet “home base” for information on the 2010 repeal and resources to use when talking to clients about this topic.
              <div class="headline"><a href="http/index.htm">Withstanding Market Challenges</a> </div>
     Access resources to highlight the company’s strength and stability, find sales strategies and share marketing and market-related materials to help address client concerns.
              <div class="headline"><a href="http:///year.htm">Dividend resources available</a> </div>
     The Current Year Scale page on LINKnet provides the latest information
     and sales support materials based on the 2010 dividend announcement.

               </div>
      </div>
     </div>
   </div>
   <div class="rightColumn">
   
    <div class="box">
     <div class="boxHeader">
      <div class="headerLeft"><h2>Approaching Deadlines</h2></div>
     </div>
     <div class="boxContent">
       <ul>
<li>April 30: <a href="http.htm">Submit 2010 Commitment to Excellence Award nbominee</a></li>
       <li>May 25: <a href="http.htm">Submit applications for Intern Community Service Award</a></li>
                      <li>June 30: <a href="http://pdf">Submit 2010 Managers Membership Award Application to NAIFA</a> <img src="/shared_assets/image/doc_icons/pdf.gif" alt="PDF File" /></li>
                      </ul>
      </div>
    </div>
    
    <div id="techalerts" class="box">
     <div class="boxHeader">
      <div class="headerLeft"><h2>Priority Tech Alerts</h2></div>
      <div class="headerRight"><a href="http://.htm" class="more">more »</a></div>
     </div>
     <div class="boxContent">
      <div class="loading">
       Loading...
      </div>
     </div>
     <iframe name="techalerts" src="/statusdisplay/001_summary.htm" onreadystatechange="if(this.readyState=='complete'){this.previousSibling.innerHTML = formatTechAlert(frames['techalerts'].document.body.innerHTML);}"></iframe>
    </div>
   </div>
</div>

Dreamweaver is pretty good these days at showing the page in Design View how it will be viewed when online. HOWEVER having said that it does largely depend on the way you write the css.
I guess for Dreamweaver it's impossible for it to show every concievable way you can write css correctly. Unfortuantely if your css is not compatible with what Dreamweaver likes it won't make a great job of rendering the site correctly in Design View, that's always been the case.
The css is not wrong but I've seen many display issues in Dreameaver Design View caused as a direct result of the css being overly complex to crack simple presentation. I guess it's in the lap of the gods if you are fortunate enough to have found the way to write css that Dreamweaver likes.

Need help with overlapping divs!

Hey everyone,
I'm working on another website and I have come up against a common problem for newbie designers from what I hear, the dreaded overlapping div problem! I have a 2 column fixed layout with a floating left div. My left div has my nav bar and various images. When my main content div has more content than the left floating div, the left div border does not reach the footer! Until now, I have gotten by with just hitting return in my left column div until it reaches the footer. I am sure it is not the right way to do it but it has worked so far. The problem is, now one of the pages has the left column div overlapping onto the footer! I did some reading and I am guessing it involves either the box properties or clear float which I am not too familiar with.
Any advice would be stellar! I know this is just another stumbling block to get over but I would feel so much better if I was doing it the right way.
Here are screens of my issue,
And here is my code for the page in question.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="http://www.xldesignsonline.com/fchi/favicon.ico">
<title>Full Circle Home Inspections</title>
<link href="_css/main.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body class="twoColFixLtHdr">
<div id="container">
<div id="header">
    <h1>
</h1></div>
<div id="sidebar1">
    <h3 align="center">
      <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="620">
        <param name="movie" value="_assets/menu.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="6.0.65.0" />
        
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        
        
        <object type="application/x-shockwave-flash" data="_assets/menu.swf" width="200" height="620">
          
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="6.0.65.0" />
          <param name="expressinstall" value="Scripts/expressInstall.swf" />
          
          <div>
            <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
            <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
          </div>
          
        </object>
        
      </object>
    </h3>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="http://www.nachi.org/"><img src="_images/interNACHI.png" alt="InterNACHI" width="190" height="164" border="0" /></a></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="http://www.nachi.org/education.htm"><img src="_images/education-seal-small.gif" alt="education seal" width="150" height="150" border="0" /></a></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="http://www.iac2.org/"><img src="_images/iac2-all.gif" width="174" height="126" alt="IAC" /></a></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="http://www.inspectopia.com/profile.b.507.r.16181.u.03bcfb.html"><img src="_images/logo_top.png" alt="Inspectopedia" width="190" height="45" border="0" /></a></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="http://www.energystar.gov/"><img src="_images/img_energy_star_partner.jpg" width="160" height="191" alt="Energy Star Partner" /></a></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="http://cjenterprises.myshaklee.com/us/en/welcome.html#"><img src="_images/Shaklee.gif" alt="Shaklee" width="119" height="160" border="0" /></a></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="http://activerain.com/"><img src="_images/ARLogoSmall.gif" alt="Active Rain" width="135" height="36" border="0" /></a></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="http://www.insiderpages.com/b/15246780294"><img src="_images/insider_pages.gif" alt="Insider Pages" width="89" height="37" border="0" /></a></p>
<p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
</div>
<div id="mainContent">
    <h2>Radon Gas Inspection</h2>
    <div id="paragraphFloat">
      <h5>What Is Radon?</h5>
      <p> Radon is a cancer causing radioactive gas. You cannot see, smell or taste radon, but it may be a problem in your home. The Surgeon General has warned that radon is the second leading cause of lung cancer in the United States today. </p>
      <div id="apDiv1">
    <div align="center"><a href="http://www.epa.gov/radon/video/epa-epu.wmv"><img src="_images/psa_revised.jpg" alt="What Is Radon?" width="200" height="172" border="0" /></a></div></div></div>
    <p>If you smoke and your home has high radon levels, you're at high risk for developing lung cancer. Some scientific studies of radon exposure indicate that children may be more sensitive to radon. This may be due to their higher respiration rate and their rapidly dividing cells, which may be more vulnerable to radiation damage. </p>
<p> </p>
    <h5>Why Is It Dangerous?</h5>
<p> The U.S. Environmental Protection Agency (US EPA) and the Surgeon General's Office have estimated that as many as 20,000 lung cancer deaths are caused each year by radon. Radon is the second leading cause of lung cancer. Radon-induced lung cancer costs the United States over $2 billion dollars per year in both direct and indirect health care costs.</p>
<p>According to the US EPA, nearly 1 in 3 homes checked in seven states and on three Indian lands had screening levels over 4 pCi/L, the EPA's recommended action level for radon exposure.</p>
<p>The alpha radiation emitted by radon is the same alpha radiation emitted by other alpha generating radiation sources such as plutonium.</p>
<p>A family whose home has radon levels of 4 pCi/l is exposed to approximately 35 times as much radiation as the Nuclear Regulatory Commission would allow if that family was standing next to the fence of a radioactive waste site. (25 mrem limit, 800 mrem exposure)</p>
<p> At the 4 pCi/l EPA action guideline level, radon carries approximately 1000 times the risk of death as any other EPA carcinogen. It is important to note that the action level is not a safe level, as there are no "safe" levels of radon gas.</p>
<p> </p>
<h5>How Does It Get Into My Home?</h5>
<p> Radon is a radioactive gas. It comes from the natural decay of uranium that is found in nearly all soils. It typically moves up through the ground to the air above and into your home through cracks and other holes in the foundation. Your home traps radon inside, where it can build up. Any home may have a radon problem. This means new and old homes, well-sealed and drafty homes, and homes with or without basements.</p>
<p> Radon from soil gas is the main cause of radon problems. Sometimes radon enters the home through well water. In a small number of homes, the building materials can give off radon, too. However, building materials rarely cause radon problems by themselves.</p>
<p><strong>Radon gets in through:</strong></p>
<ul>
<li>Cracks in solid floors
    <div id="apDiv3">
      <div align="center"><a href="http://www.fullcirclehomeinspections.com/_assets/CitizensGuideRadon.pdf"><img src="_images/citguidecoverradon.jpg" alt="Guide To Radon" width="154" height="200" border="0" /></a></div>
    </div>
</li>
<li>Construction joints</li>
<li>Cracks in walls</li>
<li>Gaps in suspended floors</li>
<li>Gaps around service pipes</li>
<li>Cavities inside walls</li>
<li>Surrounding water supply</li>
</ul>
<p> </p>
<h5>What Can I Do?</h5>
<p> Radon is a national environmental health problem. Elevated radon levels have been discovered in every state. The US EPA estimates that as many as 8 million homes throughout the country have elevated levels of radon. Current state surveys show that 1 home in 5 has elevated radon levels.</p>
<p> Testing is the only way to know your home's radon levels. There are no immediate symptoms that will alert you to the presence of radon. It typically takes years of exposure before any problems surface. </p>
<p>Let <strong>Full Circle Home Inspections</strong> ensure your family and your home are protected and safe from radon exposure!</p>
<p> </p>
<h5>Radon Myths</h5>
<p><strong><em>MYTH:</em> Scientists are not sure that radon really is a problem.</strong></p>
<blockquote>
<p><strong><em>FACT:</em></strong> Although some scientists dispute the precise number of deaths due to radon, all the major health organizations (like the Centers for Disease Control and Prevention, the American Lung Association and the American Medical Association) agree with estimates that radon causes thousands of preventable lung cancer deaths every year. This is especially true among smokers, since the risk to smokers is much greater than to non-smokers.</p>
</blockquote>
<p><strong><em>MYTH:</em> Radon testing is difficult, time-consuming and expensive.</strong></p>
<blockquote>
<p><strong><em>FACT:</em></strong> Radon testing is easy. You can test your home yourself or hire a qualified radon test company. Either approach takes only a small amount of time and effort.</p>
</blockquote>
<p><strong><em>MYTH:</em> Homes with radon problems can't be fixed.</strong></p>
<blockquote>
<p><strong><em>FACT:</em></strong> There are simple solutions to radon problems in homes. Hundreds of thousands of homeowners have already fixed radon problems in their homes. Most homes can be fixed for about the same cost as other common home repairs; check with one or more qualified mitigators. Call your <a href="http://www.epa.gov/radon/whereyoulive.html">state radon office</a> for help in identifying qualified mitigation contractors.</p>
</blockquote>
<p><strong><em>MYTH:</em> Radon affects only certain kinds of homes.</strong></p>
<blockquote>
<p><strong><em>FACT: </em></strong>House construction can affect radon levels. However, radon can be a problem in homes of all types: old homes, new homes, drafty homes, insulated homes, homes with basements, and homes without basements. Local geology, construction materials, and how the home was built are among the factors that can affect radon levels in homes.</p>
</blockquote>
<p><strong><em>MYTH:</em> Radon is only a problem in certain parts of the country.</strong></p>
<blockquote>
<p><strong><em>FACT:</em></strong> High radon levels have been found in every state. Radon problems do vary from area to area, but the only way to know your radon level is to test.</p>
</blockquote>
<p><strong><em>MYTH:</em> A neighbor's test result is a good indication of whether your home has a problem.</strong></p>
<blockquote>
<p><strong><em>FACT:</em></strong> It's not. Radon levels can vary greatly from home to home. The only way to know if your home has a radon problem is to test it.</p>
</blockquote>
<p><strong><em>MYTH:</em> Everyone should test their water for radon.</strong></p>
<blockquote>
<p><strong><em>FACT:</em></strong> Although radon gets into some homes through water, it is important to first test the air in the home for radon. If your water comes from a public water supply that uses ground water, call your water supplier. If high radon levels are found and the home has a private well, call the Safe Drinking Water Hotline at 1-800-426-4791 for information on testing your water.</p>
</blockquote>
<p><strong><em>MYTH:</em> It's difficult to sell homes where radon problems have been discovered.</strong></p>
<blockquote>
<p><strong><em>FACT:</em></strong> Where radon problems have been fixed, home sales have not been blocked or frustrated. The added protection is some times a good selling point.</p>
</blockquote>
<p><strong><em>MYTH:</em> I've lived in my home for so long, it doesn't make sense to take action now.</strong></p>
<blockquote>
<p><strong><em>FACT: </em></strong>You will reduce your risk of lung cancer when you reduce radon levels, even if you've lived with a radon problem for a long time.</p>
</blockquote>
<p><strong><em>MYTH:</em> Short-term tests can't be used for making a decision about whether to fix your home.</strong></p>
<blockquote>
<p><strong><em>FACT:</em> </strong>A short-term test, followed by a second short-term test* can be used to decide whether to fix your home. However, the closer the average of your two short-term tests is to 4 pCi/L, the less certain you can be about whether your year-round average is above or below that level. Keep in mind that radon levels below 4 pCi/L still pose some risk. Radon levels can be reduced in most homes to 2 pCi/L or below.</p>
<p> </p>
<p> </p>
<p> </p>
<p align="center"><img src="_images/CA-3.jpg" width="520" height="207" /></p>
</blockquote>
</div>
<div id="footer">
    <p align="center"><strong>© 2009 XL Designs Online - All Rights Reserved </strong></p>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
And here is my CSS if needed,
@charset "utf-8";
body {
     font: 100% Verdana, Arial, Helvetica, sans-serif;
     background: #666666;
     margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
     padding: 0;
     text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
     color: #000000;
.twoColFixLtHdr #container {
     width: 950px; /* the auto margins (in conjunction with a width) center the page */
     border: 1px solid #000000;
     text-align: left; /* this overrides the text-align: center on the body element. */
     margin-top: 20px;
     margin-right: auto;
     margin-bottom: 20px;
     margin-left: auto;
     background-color: #557050;
.twoColFixLtHdr #header {
     border-bottom: 1px solid #000000;
     height: 250px;
     background-color: #DDDDDD;
     padding-top: 0;
     padding-right: 10px;
     padding-bottom: 0;
     padding-left: 20px;
     background-image: url(../_images/homebanner1.png);
.twoColFixLtHdr #header h1 {
     margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
     padding: 20px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
     text-align: center;
     font-size: 48px;
     font-family: Tahoma, Geneva, sans-serif;
     color: #000;
.twoColFixLtHdr #sidebar1 {
     float: left; /* since this element is floated, a width must be given */
     width: 200px;
     border-right: 1px solid #000000;
     background-color: #557050;
     padding-top: 0px;
     padding-right: 10px;
     padding-bottom: 15px;
     padding-left: 10px;
.twoColFixLtHdr #mainContent {
     margin-top: 0;
     margin-right: 0;
     margin-bottom: 0;
     margin-left: 250px;
     padding-top: 0;
     padding-right: 20px;
     padding-bottom: 0;
     padding-left: 20px;
     text-align: left;
.twoColFixLtHdr #mainContent h1 {
     font-size: 48px;
     font-family: "Arial Rounded MT Bold";
     font-weight: bold;
.twoColFixLtHdr #mainContent h2 {
     font-family: "Arial Rounded MT Bold";
     font-size: 32px;
.twoColFixLtHdr #mainContent h3 {
     font-family: Georgia, "Times New Roman", Times, serif;
     font-style: italic;
     color: #CF0;
     font-size: 125%;
.twoColFixLtHdr #mainContent h5 {
     font-size: 120%;
.twoColFixLtHdr #footer {
     padding: 20px 10px 20px 20px;
     border-top: 1px solid #000000;
     background-color: #A3A3A3;
     font-family: Arial, Helvetica, sans-serif;
.twoColFixLtHdr #footer p {
     margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
     padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
     float: right;
     margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
     float: left;
     margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
     clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
#paragraphFloat {
     width: 350px;
#paragraphFloat2 {
     width: 350px;
Please if anyone knows what I'm doing wrong please please let me know! Since I am learning, I really want to get main concepts like this down so I am not constantly doing things the hard way! Thank you!
Jayson

1) Regarding validation, what does it do?
It validates by telling you where your code isn't er... valid. Sometimes the results are a bit jumbled but if you work through them one at a time and revalidate, it's a good way to learn. If you fix all of the errors shown up through the validator you should end up with standards compliant code. Not necessarily the best, most efficient code you can write but at least it will be valid and it helps you spot errors that hours of code-staring never seems to find.
I don't use the DW validation tool because I find the W3c one easier.
The W3c validator has a check box of HTML Tidy which can tidy up your code but it's not always as easy to see what changes.
2) I know the <p> tag for spacing is wrong, I could just feel it in my bones. I just didn't know what else to do. If I <br> all the way down won't the code be just as cluttered?
You're obviously a born web coder!
<br> will bloat your page if you use them to position elements.
Here you need to get used to a) the Block Model and b) CSS positioning. Once you crack these, CSS opens up for you and becomes a little more intuitive.
if you have two elements on top of each other rather than push them apart with other elements you do it with padding and/or margin. There are things to watch out for here namely, collapsing margins but if you start to read up on the above, you'll get it.
I just thought of something. If I add a div in main content, align it to the bottom center with CSS, use a line break between it and the text above, and add the image in question in the new div, will the spacing between the text and image work itself out? I just really want to get out of the <p> bad habit.
Keep thinking! Web design is not like desktop publishing or print. Elements on a HTML page don't behave like paragraphs on a page. Once you begin to figure out why not it all gets a little easier.
If you want an image at the bottom an element you put that at the end of the content in that element. Then you need to ensure there is no margin, padding or border between the img element and the next element (your footer). HTML elements come with some styling that is applied by default in the browser. Many web developers include a rule like this:
body {
margin: 0;
padding:0;
This sets the margin and padding to zero of course and it's purpose is to override the defaults. Some people advocate applying similar rules to all elements and if your interested try googling Eric Meyer who has written about it online.
One of the key purposes of CSS is to take styling out of the page. It's leaner, more efficient for the viewer and the coder and helps with site management.
3) AP divs are weird, and I did only use as a last resort.
See? You're a natural!
The reason is I am confused by the float and clear float classes. My left column is floated left and that element is what I was having problems understanding. I tried to make new divs and float right but I screwed it all up. I am sure I am just not applying the clear float in the right places.
Getting the hang of floating is key to CSS positioning. You use a float if you want two elements to sit side by side on the page. It disrupts the "document flow." Ordinarily HTML elements are rendered one after the other, on top of each other. Floating an element takes it out of the document flow and allows other elements to occupy its space. When you float an element it should always have a width. If the element below it also has a width, that width has to be sufficiently narrow to allow it to occupy the space. In short, floated elements can't be wider than their containing element.
The clear property is used after a float to stop an element occupying the space left by a floated element. It works but confuses the heck out of me!
So that leads me to my final point. I am a novice too! I might have fluffed a few of the technical points above but it's pretty much there.
Regards
Martin

Ever since I downloaded FF's v6, everytime I go to YouTube and open a video, I get an error message that says: "[Java Script Application] Error: Div is null" How do I fix this problem?

If I go to YouTube, no matter what video I click on to watch, the error message "[Java Script Application] Error: Div is null" pops up. It started happening right after I updated to FF v6. I also have installed the latest version of Java. I submitted this question a few weeks ago, but never received a reply.
Thanks for any help you can provide to fix this.
Scott Cromwell
[email protected]

hello, can you try to replicate this behaviour when you launch firefox in safe mode once? if not, maybe an addon is interfering here...
[[Troubleshoot extensions, themes and hardware acceleration issues to solve common Firefox problems]]

Display one div at a time from an array?

I am trying to make a multiple choice quiz. I have each question and answer in a div. There are 20 divs. All are set to not display on the stage, and I want to call one randomly to display as the user answers that question.
For the moment, I am trying to get even one question to display on the stage. Here is my code, which is at the top in the edgeActions.js file inside the first function.
//Edge code
(function($, Edge, compId){
var Composition = Edge.Composition, Symbol = Edge.Symbol; // aliases for commonly used Edge classes
//my code
var divs = new Array( 'div.ques1', 'div.ques2', 'div.ques3', 'div.ques4', 'div.ques5', 'div.ques6', 'div.ques7', 'div.ques8', 'div.ques9', 'div.ques10', 'div.ques11', 'div.ques12', 'div.ques13', 'div.ques14', 'div.ques15', 'div.ques16', 'div.ques17', 'div.ques18', 'div.ques19', 'div.ques20' ), idx;
var idx = Math.floor(Math.random()*divs.length);
function getQuestion() {
//the following commands do not work
                    $('idx').show();
                    $('idx').css('display','inline');
                    $('divs[idx]').appendTo(document.body);
                    $('sym.que2').show();
$('que2').show();
                    $('div.ques1').show();
                    $('ques2').show();
//these do work
                    alert("blah");
                    console.log('this is working');
                    console.log('id=%d', idx);
          getQuestion();
Since the console is returning the random number from the array, I have a feeling Edge cannot distinguish the array number from the corresponding div. Converting them to symbols does nothing. I am starting to think it would have been easier to just hand code this rather than using Edge.

Hi Elaine,
Thank you for your response!
Your new randomize line worked beautifully
I have tried defining my array elements in every connotation I can think of, inlcuding changing them to symbols. I did figure out today that an element has to be displayed before it will even be hit by jQuery, [.show() will not work] and if autoplay is checked while they are off, they will show, and vice versa. Confusing, but it narrowed it down enough for me to see I really just needed to figure out how to call the elements, then figure out all the on/off/autoplay stuff from there.
Here is my new code in its new location, the compositionReady panel:
var divs = new Array( 'Symbol_1', 'Symbol_2', 'Symbol_3', 'Symbol_4', 'Symbol_5', 'Symbol_6', 'Symbol_7', 'Symbol_8', 'Symbol_9', 'Symbol_10', 'Symbol_11', 'Symbol_12', 'Symbol_13', 'Symbol_14', 'Symbol_15',
'Symbol_16', 'Symbol_17', 'Symbol_18', 'Symbol_19', 'Symbol_20' );   // display is on for all symbols
sym.setVariable("myArr", divs);
var random = Math.floor(Math.random() * 100) % 20;
console.log( divs );   //works
console.log( "myArr" );   //works
console.log( random );    //works
function getQuestion() {
         sym.$("myArr").hide(); // doesn't work
         sym.$("myArr").hide(); //doesn't work
                    console.log('this is working'); //works
                    console.log('id=%d', random);   //works
getQuestion();
All of the questions are showing at once and I want to be able to hide all of them.
Array[20]
0: "Symbol_1"
1: "Symbol_2"
2: "Symbol_3"
3: "Symbol_4"
4: "Symbol_5"
5: "Symbol_6"
6: "Symbol_7"
7: "Symbol_8"
8: "Symbol_9"
9: "Symbol_10"
10: "Symbol_11"
11: "Symbol_12"
12: "Symbol_13"
13: "Symbol_14"
14: "Symbol_15"
15: "Symbol_16"
16: "Symbol_17"
17: "Symbol_18"
18: "Symbol_19"
19: "Symbol_20"
length: 20
myArr
17
this is working
17

Can I replace my table with divs, in this context?

Hi,
I'm trying to accomplish something without the use of tables. Maybe someone can tell me how.
- The skeleton is basically made up of 3 newspaper-style columns.
- Their widths aren't very likely to change -- their widths will be fixed -- so this eliminates one problem right off the bat, right?
- The first column (left) is a sidebar menu, and it has its own distinct background image pattern.
- The other two columns (mid and right) share a flat background. Right now, I'm just calling the same 1k JPG twice (once in each of those two columns/cells). I find this simpler than creating an unnecessary container just for the common background.
- All 3 columns begin at the same line (0).
So far so good, the fixed widths and the fact that they all begin at y=0 makes this easier than it otherwise could have been.
Now here's the tricky part :
- The amount of content is different from page to page (some pages are longer than others), and the amount of content per column will also vary individually (so the sidebar might be the longest column in one file, the mid column could be the longest element in the next, and so on...)
- The layout is horizontally centered.
- All 3 columns need to end at the same spot, which will be dynamic from page to page (in other words, the backgrounds of these columns need to stretch/repeat until the end of the column with the most content, whichever of the 3 columns that may be on any given page).
- There is a page-end image to display that is as wide as the combined 3 column widths.
As you can imagine, using a table with 3 columns makes this easy as pie. But I was told to avoid tables whenever possible, so if there's an easy way to justapose 3 divs and have them behave like 3 cells of the same table -- without too much markup -- I'd give it a try, and potentially leave tables behind for good.
It would be easy enough to create a large container div, horizontally center it, and left-float 3 divs inside it... but this doesn't address the problem of having to have those backgrounds repeat all the way to the end of the site. The way I just described, the backgrounds would vertically end wherever the content of that individual column ends.
And since we know divs don't like height=100%, well...
Any help would be appreciated.
Thanks!

Have you tried using Faux Columns?
http://www.alistapart.com/articles/fauxcolumns/
or Project Seven's Equal Height Columns script?
http://www.projectseven.com/tutorials/css/pvii_columns

Div id without definition in css layout file

Hi,
I noticed that I can insert a div id which doesn't have the corresponding definition in my css file? I don't see any warning from Dreamweaver 4.
<div id="main-content">
Is this allowed? what is supposed to happen in this situation? I was expecting DW to catch this kind of behavior.
Thanks
Hongjun

hjma29 wrote:
Is this allowed? what is supposed to happen in this situation? I was expecting DW to catch this kind of behavior.
Yes, of course it's allowed. It's a very common scenario. You give an HTML element an ID and you then create a style rule to handle it. In fact, IDs are not only used for styles, they are used as "hooks" for JavaScript functions, as well as the target for links (instead of old-fashioned named anchors).
It sounds as though you need to brush up your knowledge of HTML, CSS, and other web technologies. You'll find it makes working with Dreamweaver a lot easier.

Common DC & DIV

Similar Messages

Maybe you are looking for