[Rapid Dr3am]

I'm trying to take the tables out of a page at the moment and when I do so it is moving things down the screen on me.

I wonder if anyone can help:

HTML Code:

<div class="wraparound">
    <a href="#top"></a>
    <form id="form1" runat="server">
        <div class="headerlogo"><a href="Home.aspx"><img src="graphics/graphicheader.jpg" height="51px" width="968px" alt="" border="0" title="" /></a> </div>
<!--        <table cellpadding="0" cellspacing="0" class="mainbody">
        
                        
            <tr>
                <td align="center"> !-->
            <div class="menutabs"><uc1:Fin1 ID="Fin1_1" runat="server" /></div>
            <!--    </td>    !-->        
                
                    <div class="blank-page"></div>
                            
                            <!-- </tr>
                            
                                                </table>
                </td>
            </tr>
        </table> !-->
    </form>
    </div>

The css is:

.blank-page
{
    background-image: url('graphics/hardhatsgrey.jpg');
    background-repeat: no-repeat;
    height: 550px;
    width: 969px;
    left: 100px;
    top: 100px;
}
 
.wraparound 
{
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
    margin-right: 1px;
 
}
 
.headerlogo 
{
    margin-top: 1px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
} 

The image is getting moved to a new line past the menu on the left when should be just aligned to the right of it.

[Rapid Dr3am]

Good old position absolute sorted it out for me.

[Rapid Dr3am]

Nope gone again, I can't use position: absolute.

Right I need to build it like this

ASP Control in a black box and then a background image in the div next to it. They can't overlap, keeps putting the image on the next line and I don't need that.

[Vicious]

for both divs (the one with the ASP control, and the one with te background image), try specifying "float:left;".

If you're not used to working with floating elements, you might have some issues with your layout. Just ask them, I can help you with that

[Rapid Dr3am]

Apparently float:left is not recoginsed and so it won't compile. I'm putting it in the div tag should I be doing it in the css?

[Rapid Dr3am]

Wait, am I stupid or just lost the plot completely? I need to go book shopping.
/me looks at the 5 books already on his desk!

[Rapid Dr3am]

Gah! Now my footer won't align to the bottom of the page anymore! I hate CSS!

[Vicious]

lol yeah, the float:left; was for in the CSS. Problem is that the rest of your page may be a bit screwed. You have to solve that by telling the first element after the floating ones that they have to stop behaving badly

Example:

<div style="float:left;width:100px;">foo</div><div style="float:left;width:50px;">bar</div><div style="float:none;clear:both;"></div>

That last div stops the floating, and controls the flow again.
More info on clear

[Rapid Dr3am]

I can't belive how much I've forgotten over these years.

Picking it up slowly, got loads of text books to read!

Thanks so much!

[Rapid Dr3am]

Argh now I've lost it again.

I've got another page same ASP control down the left my entry fields across the right in a box.

Set them as floating with some clear:both but still the right shows fine but the asp control is not "floating" over it. Garh!