I have made a website with dreamweaver mx. The menu shows different layer with content with click on the buttons. But the position of the layers changes with resizing the browser, I tried to use css 4 absolute position. Still it does not work.
I do not want to remake the layers as I frame, I need a quick fix?
Can anybody be kind to help me, I have never use CSS.
Thank you

Dreamweaver MX defines layers using <DIV style="something"></DIV>
U can find many of these in ur code.
Or more easily when you after selecting a layer in 'design-view' u switch to 'code-view'.

If width, height, top, right, bottom, left are given percent values like 'width: 81%;' there are many problems. Don't do this.

Undo this: use values like 'width:760px;' etc.
( e.g., page display width of 'width:760px;' is maximum display will avoid scrollbars to all browsers of set MSIE, Netscape, Mozilla,
& Opera, don't use percent.)

Hope u resolve.

If u've absolute problems, find some CSS-design tutorials.
A single good-n-quick CSS tutorial would suffice.

http://mediasworks.com/tutorial/

TTTTTTTTTThank you anshul, i will try!

:)

http://www.anisdjservice.com/
This is the web

I tried it did not work. The layers are valued.But they move asyou resize the browser. I even had CSS to it as position set on auto l + R but it does not work:(

:)

You can make CSS easily by using Dreamveiwer
And CSS look like this

.topmenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}
.mainmenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: 006699;
}
.pagetitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
}
.welcomeheading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
.nsons {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: 006699;
}
.groupheading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
}
.content {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-align: justify;
}
.button {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-align: center;
    }
.spareheading {
    font-family: "Arial Black";
    font-size: 9px;
    color: #FF0000;
    font-weight: normal;

}
.technologyheading {
    font-family: "Arial Black";
    font-size: 9px;
    color: 0F6591;
    font-weight: normal;
}
.valleyheading {
    font-family: "Arial Black";
    font-size: 9px;
    font-weight: normal;
    color: #000000;
}
a.decor:link {color: white; text-decoration: none}
a.decor:visited {color: white; text-decoration: none}
a.decor:hover {
    text-decoration: underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #FFFFFF;
}
a.decor2:link {color: #006699; text-decoration: none}
a.decor2:visited {color: #006699; text-decoration: none}
a.decor2:hover {
    text-decoration: underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #006699;
}
a.decor3:link {color: #000000; text-decoration: none}
a.decor3:visited {color: #000000; text-decoration: none}
a.decor3:hover {
    text-decoration: underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #006699;
}
a.decor4:link {color: #000000; text-decoration: none}
a.decor4:visited {color: #000000; text-decoration: none}
a.decor4:hover {
    text-decoration: underline;
    font-family: "Arial Black";
    font-size: 9px;

    font-weight: normal;
    color: #FF0000;
}


Love 4 all

Qazi thank you!
Sorry for being stupid, Is this style sheet to attach?
Is it for font?
I need for position for different browser.

I need more detail!

:)