Help with html and css

Question

Help with html and css

Navigation

#1 by (0 votes)

0

How about friends, you will see that the body tag is responsive ...

and the footer always appears at the end (bottom: 0;)

<html>
<head>
<style>
*{
    margin:0;
    padding:0;
}

html{

    width:100%;
    height:100%;
    position:absolute;
}
header{
    width:100%;
    height:150px;
    background-color:red;

}
nav{
    width:100%;
    height:50px;
    background-color:blue;

}

body{
    width:100%;
    height:100%;
    background-color:black;

}

.clear {
    content: "";
    display: table;
    clear: both;
}

footer{
    width:100%;
    height:100px;
    background-color:gray;
    position:absolute;
    bottom:0;

}

</style>
</head>

<header>
</header>

<div class="clear"></div>

<nav>
</nav>

<div class="clear"></div>

<body>

</body>

<div class="clear"></div>

<footer>

</footer>

</html>

html5 html css

asked by Angel Sergio Ramírez 14.06.2017 в 18:34

source

1 answer

What does deletesync return? Xamarin with Azure Select all fields in a table for a subquery

score 0 · Answer 1

Hello so that some of your labels are responsive you must use functions com these

@media (min-width: 100px) and (max-width:903px) {
    .buysellads.buysellads-demo {
        top: 55px;
        right: 20px;
        position: fixed;
        padding: 10px;
        background-color: rgba(255, 255, 255, 0.9);
        z-index: 1000
    }
}

that help you. But I advise CSS framework very powerful for that as Materialize and Bootstrap that will ensure that your page is super responsive