ASP.NET

7-Jul-06 10:28

I have a three column layout with a head across the top of all three columns and a container div that all the other divs are in. The styles look like this:

<br />
#Container<br />
{<br />
    background-color: White;<br />
    margin: 20px auto;<br />
    width: 80%;<br />
    border-left: solid 2px black;<br />
    border-right: solid 2px black;<br />
    border-top: solid 2px black;<br />
    border-bottom: solid 2px black;<br />
}<br />
<br />
#Header<br />
{<br />
    border-bottom: solid 1px black; <br />
    height: 100px;<br />
    background-image: url(../Images/Header/HeaderSpacer.jpg);<br />
    background-repeat: repeat-x;<br />
}<br />
<br />
#Left<br />
{<br />
    width: 160px;<br />
    margin: 0px;<br />
    float: left;<br />
    text-align: center;<br />
}<br />
<br />
#Center<br />
{<br />
    margin-left: 160px;<br />
    margin-right: 160px;<br />
    height: 100%;<br />
    padding-top: 10px;<br />
}<br />
<br />
#Right<br />
{<br />
    width: 160px;<br />
    margin: 0px;<br />
    float: right;<br />
    text-align: center;<br />
}<br />

In IE everything works perfectly, but in Firefox and Opera the container div only expands to the size of the content in the #Center div, in other words, if the right or left column is longer than the center column then it overflows out of #Container. Is there something I'm doing wrong, or is this an insurmountable problem?

Guffa7-Jul-06 10:46

7-Jul-06 10:46

Actually, it's in Firefox and Opera that the layout is displayed correctly. There is a bug in IE that makes is always expand elements to the size of it's children, even when it shouldn't.

Elements that are floating does not affect the size of the parent. If you want the parent to expand to the size of the floating children, place a non-floating element as a last child, and use "clear: both;" to place it below the floating children.

---
b { font-weight: normal; }

eggsovereasy7-Jul-06 11:13

7-Jul-06 11:13

I figured IE was the one that had it wrong since it was the odd man out. The solution was a lot simpler than I thought it would be and works like a charm, thanks a lot Smile | :)

One last small problem, both IE and Opera have a margin on the top and bottom of the container div, but firefox only has the margin on the top. As you see in my first post Container is set to margin: 20px auto;

Guffa7-Jul-06 13:03

7-Jul-06 13:03

What do you have below the container?

---
b { font-weight: normal; }

eggsovereasy10-Jul-06 7:53

10-Jul-06 7:53

<br />
    </form><br />
</body><br />
</html><br />

Guffa10-Jul-06 9:20

10-Jul-06 9:20

So there is no element below the container? How do you determine it's lower margin, then?

---
b { font-weight: normal; }

eggsovereasy10-Jul-06 9:46

10-Jul-06 9:46

By the viewport? I just tried sticking an empty div tag at the bottom... odd that it works in IE and Opera.

Guffa10-Jul-06 10:14

10-Jul-06 10:14

I tried your css, and I get a margin below the container in Firefox.

---
b { font-weight: normal; }

classic ASP AJAX

peterzorbas7-Jul-06 8:49

peterzorbas

7-Jul-06 8:49

Is this supported. I know of ATLAS but i don't wish to use a dll. does ASP support it?

Re: classic ASP AJAX

Guffa7-Jul-06 9:15

7-Jul-06 9:15

Any programming platform for the web supports AJAX. It's the browser that does the real work, the web application only has to answer to requests and return a result, that doesn't differ from a regular web page.

ATLAS is an AJAX library for ASP.NET, you can't use it with ASP.

---
b { font-weight: normal; }

design window

kjosh7-Jul-06 8:04

kjosh

7-Jul-06 8:04

Hi,
I installed visual studio 2005,abd i opend a new website.In that when i click on design button in default.aspx,the design is not working i.e it's not opening a design window what to do.
Thanks in advance

minhpc_bk7-Jul-06 16:09

minhpc_bk

7-Jul-06 16:09

So what does happen when you click the Design to switch to the Design view?

kjosh7-Jul-06 16:38

kjosh

7-Jul-06 16:38

Hi,
The design window is not opened.

minhpc_bk7-Jul-06 16:53

minhpc_bk

7-Jul-06 16:53

Do you get any error? or it just keeps staying in the Source view?