How to move a <DIV> up?

How to move a <DIV> up ?

Here is the screen shot taken (from the DreamWeaver Design view) where everything been explained

don’t use the dreamweaver design view. upload your site somewhere or provide the html code and we can help you.

Here is the html code uploaded

While we’re waiting for attachment approval, you really shouldn’t have an empty div. What are you trying to achieve with that? Space between divs? Can be achieved by using margins.

To move divs you can use a negative top margin. However we don’t know whether you need to moveit up becuase of a float drop or what :).

please see the html display in the browser.I want to move the appdiv4 up and want it to sit next to appdiv3.
what modification i need in my code.

I want to move the appdiv4 up and want it to sit next to appdiv3.
what modification i need in my code.
Hi,
You just need to float the #4 div left, just like you did with the #3 div. Then you will want to use a float containment method on the parent div, overflow:hidden; will do that without any problems most of the time.

It was kind of hard to tell what you were doing so I just went ahead and set up a wrapping div to wrap all your divs in. It is centered in the browser window with margin:auto;

See if you can work from this -

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>demo</title>

<style type="text/css">
* {margin:0;padding:0;}
body {
    background: #fff;
    font-size:100&#37;;
}
#wrap {
    width:900px;
    margin:auto;
    overflow:hidden;/*contain inner floats*/
    background:#77F;
}
#Div2 { 
    height:87px;
    background:red;
}
#Div3 {
    float:left;
    width:426px;/*425px*/
    height:254px;
    margin:16px 0 16px 16px;/* 50px;*/
    background:lime;
    display:inline;/*fix ie6*/
}
#Div4 {
    float:left;
    width:426px;/*425px*/
    margin:16px 0 16px 16px;/* 50px;*/
    background:#CDF;
}
#Div5 {
    clear:both;
    /*width:898px;*/
    height:115px;
    background: #CCC;
}

</style>
</head>
<body>
<div id="wrap">
    <div id="Div2">Div 2</div>
    <div id="Div3">Div 3</div>
    <div id="Div4">
        Div 4
        <p><strong>Verbal Question of the day</strong></p>
        <p><span class="vafmt">Explorers of the abandoned city of Ambrose, Kansas, discovered a  pattern of obliterated streets and collapsed buildings characteristic  of tornado damage. Engineers have hypothesized that the destruction was  caused by a tornado that struck Kansas in 1976.</span></p>
        <p><strong>Passage of the day</strong></p>
        <p><span class="vafmt">Explorers of the abandoned city of Ambrose, Kansas, discovered a  pattern of obliterated streets and collapsed buildings characteristic  of tornado damage. Engineers have hypothesized that the destruction was  caused by a tornado that struck Kansas in 1976.</span></p>
        <p><strong>Quant question of the day</strong></p>
        <p><span class="vafmt">Explorers of the abandoned city of Ambrose, Kansas, discovered a  pattern of obliterated streets and collapsed buildings characteristic  of tornado damage. Engineers have hypothesized that the destruction was  caused by a tornado that struck Kansas in 1976.</span></p>
    </div>
    <div id="Div5">Div 5</div>
</div>
</body>
</html>

Also if I might add

 
   width:416px;/*416px*/
padding:10px;
margin:16px 0 16px 10px;/* 42px;*/
/* Sum 468px */

To Div container 4 for a little bit of room for the text.