Problems converting table layout to div layout

[Claudine]

Hello, I am remaking pages with divs instead of tables, one works perfectly well www.bushcottages.com.au/tariff.html the other doesn't there is a big gap above the calendar and a big gap between the calendar and the rest, I don't know how to fix this; www.bushcottages.com.au/contact.html, I tried align:top but it doesn't make any difference; I found tables were much easier to manage! hope someone can help; regards, Claudine

[styxlawyer]

It's probably something to do with line 56 in your HTML.



<div style="z-index:1000;margin:200px;height:auto;">

[Beverleyh]

Just a reminder to give your threads a meaningful title. "divs" is not descriptive enough and it is likely to be ignored.

Your question - For starters, you have a div with margin: 200px which is going to create a distance of 200px around it on all sides;

<div style="z-index:1000;margin:200px;height:auto;">
<input name="selDaycal1" type="hidden" id="selDaycal1" />

Try taking that out - if you want to center the element, try margin: auto instead.

[Claudine]

I have made margin-auto and it made the calendar jump to the top where I want it, then I did padding-left:200px and that made it go to the center, same for the next div; thanks a lot, it is fine now