forum

Home / DeveloperSection / Forums / How to change CSS property before element is created?

Ask Question

How to change CSS property before element is created?

Anonymous User 2573 28-Dec-2012
Hello every one

I have to modify the div's css before the window.onload, and body.onload. 

<html>
    <head>
        <style type="text/css">
            html, body {
                width: 100%;
                height: 100%;
                padding: 0px;
                margin: 0px;
            }
            div {
                margin-left: auto;
                margin-right: auto;
            }
        <script>
 
HTMLDivElement.prototype.style.marginTop = (window.innerHeight/2 - HTMLDivElement.scaleHeight/2) + "px";
        </script>
    </head>
 
    <body>
        <div>
        foo<br/>bar
        </div>
    </body>
</html>

Thanks in advance

css-css3 css-css3 
Updated on 28-Dec-2012
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

AVADHESH PATEL

AVADHESH PATEL

28-Dec-2012
Hi John rob

Without changing your HTML code try this code:
 <style type="text/css">        
        #nav
        {
            width: 100%;
            overflow: auto;
            border: solid 1px red;
        }
        #ulListNavi
        {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        #nav #ulListNavi li
        {
            float: left;
        }
        #nav #ulListNavi li a
        {
            margin-left: 5px;
        }
    </style>

Liked By