Forum Pplware
CSS float pushdown - Versão de Impressão

+- Forum Pplware (http://forum.pplware.com)
+-- Fórum: Mais Tech (/forumdisplay.php?fid=11)
+--- Fórum: Programação e Web (/forumdisplay.php?fid=16)
+---- Fórum: Guias e Tutorials (/forumdisplay.php?fid=38)
+---- Tópico: CSS float pushdown (/showthread.php?tid=21248)



CSS float pushdown - gonmanaia - 19-06-2015 01:32

Boas, será que alguém pode dar uma pequena ajuda?  tenho o css criado, e aparentemente não há nenhum problema mas quando redimensiono o browser o texto que está na .Header_menu passa para baixo, alguém pode dar uma ajuda?




Código:
body {
    background-image:url('imgs/background.png');
    background-repeat: repeat;
    margin: 0px;
    width: 100%;
    height: 100%;
}

/*HEADER*/
.Header {
    background-image:url("../css/imgs/barrabackground.png");
    width: 100%;
    height: 90px;
}

.Header_div {
    width: 100%;
    margin: auto;
}


.Header_logo {
    float:left;
    padding-top: 10px;
    padding-left: 50px;
}

.Header_menu {
    float: right;

}
    .Header_menu ul {
        margin: 0px;
        padding: 0px;
    }
    .Header_menu ul li {
        display: inline-block;
        width: 100px;
    }
    .Header_menu ul li a {
        font-family: Calibri;
        font-size: 20px;
        text-decoration: none;
        color: #fff;
        display: block;
        padding-top: 30px;
        padding-right: 100px;
    }



RE: CSS float pushdown - Informatica - 19-06-2015 13:09

Experimenta colocar:

.Header_menu {
    float: right;
      top: 0;
      position: fixed;
}


RE: CSS float pushdown - gonmanaia - 22-06-2015 20:55

Não dá!!! Confused

Mais alguma sugestão?


RE: CSS float pushdown - eSkiSo - 23-06-2015 20:06

Código:
.Header_menu {
    float: right;
      top: 0 !important;
      position: fixed !important;
}

Talvez?