rearanage old

by lovromar

HTML

<div id="pageFrame">
            <div id="logo">&nbsp;</div>
            <div id="topLinks">This is the top links</div>

            <div id="content">This is the main content</div>

            <div id="footer">This is the footer</div>
        </div>

CSS

#pageFrame {
                width:1000px;
                margin:0 auto;
            }
            #logo {
                width:200px;
                height:208px;
                background-color:red;
                background-size:100%;
                float:left;
            }
            #topLinks {
                float:right;
                width:750px;
                margin-top:50px;
                height:50px;
                background-color:blue;

            }
            #content {
                clear:both;
                width:1000px;
                height:200px;
                background-color:green;
            }
            #footer {
                
                width:1000px;
                background-color:#ccc;
            }

            @media(min-width:600px) and (max-width:999px) {
                #pageFrame {
                    width:100%;
                    
                }
                #logo {
                    margin:0 auto;
                    width:100px;
                    height:100px;
                }
                #topLinks {
                    float:left;
                    width:100%;

                }
                #content {
                    clear:none;
                    float:left;
                    width:100%;
                }
                #footer {
                    clear:both;
                    width:100%;
                }

            }

        @media (min-width:1px) and (max-width:599px) {
            #pageFrame {
                width:100%;
                
            }
            #logo {
                margin:0 auto;
                width:50px;
                height:50px;
            }
            #topLinks {
                position:absolute;
                 top:250px;
                float:right;
                width:100%;
                background-color:yellow;

            }
            #content {
                position:absolute;
                top:100px;
...