Dont move the background with it

[Thew]

#adv {
    top:0;
    float:left;
    border:1px solid black;
}
 

I have this div. But i have another div ( the main div ) but that moves to the right when i add this script. How can the main div stay on his normal place, when adding this div too?

[dlite922]

let's see the relevant HTML and CSS code. Post the relevant elements as they appear on the page and the css that are applied to those.

If your page is crowded, then create a test.html and recreate/isolate this problem for us. this is also good for your troubleshooting .


Dan

[Thew]

Like this is my CSS:

body {
    background-color:#F7F5F6;
    margin:0px;
    font-family:tahoma,arial,helvetica,sans-serif;
    text-align:center;
}
a {
    color:#000000;
    text-decoration:none;
}
a:hover {
    color:#000000;
    text-decoration:underline;
}
p.spotreason {
    font-size:12px;
}
#main {
    width:600px;
    background-color:white;
    border:3px solid black;
    margin: 0 auto;
    z-index:2;
}
#mainmenuheader {
    background-color:#c8d7e3;
    width:550px;
    border:1px solid black;
}
#mainmenu {
    background-color:white;
    width:550px;
}
#mainmenu a {
    font-size:12px;
}
#ga_block { width: 300px; background-color: #ffffff}
    #ga_block img { display: block; border: none; }
    #ga_block #ga_title { font: normal 12px Verdana, sans-serif; border: none; margin: 4px 0 0 0; }
    #ga_block #ga_title a { text-decoration: none; color: #1389B7; }
    #ga_block #ga_text { font: normal 11px Arial, sans-serif; border: none; margin: 4px 0 0 0; width: 100%; overflow: auto; }
    #ga_block #ga_text a { text-decoration: none; color: #000000 }
    #ga_block #ga_text p { margin: 4px 0; }
    #ga_block #ga_text img { display: block; position: relative; float: left; border: none; margin: 0 1em 1em 0; }
 
#adv {
    top:0;
    float:left;
    border:1px solid black;
    z-index:1;
}
 

and this is my code:

<div id="adv" style="display:inline;">
...
<!--This is the div that moves the div main.-->
...
</div>
<br/>
<div id="main">
...
</div>
</body>
</html>
 

[Ramil Alcibar]

Have you tried to remove the <br /> from this:

</div>
 <br/>
<div id="main">

[Thew]

Still the same

[Ramil Alcibar]

The <div id="main"> is currently and always on the center even if you add the <div id="adv">, so what exactly you want to do? I don't see it moving to the right.