Durante a criação da página, resolvi colocar um "título" qual terá o nome do site e algumas abas para o usuário ser encaminhado; porém, ela sempre sobrepõe a primeira postagem:
Sendo que cada postagem é assim:
Usando PHP, CSS ou HTML, como posso fazer com que somente a primeira página do site tenha um recuo para não ser sobreposta por padrão?
[EDIT] O meu problema foi resolvido, mas queria deixá-lo responsivo. Quando acessei o IP (o site) pelo meu celular, conforme eu aumentava o zoom, a barra de navegação ocupava mais espaço (ou seja, não havia como ler nada). Como posso fazer para arrumar isso?
Código:
html {
background: url(images/bg.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.navigationbar
{
width: 100%;
height: 5em;
margin: 0 auto;
background-image: linear-gradient(to right, black, darkgrey);
position: fixed;
top: 0%;
}
.navigationbar img
{
margin: 0 auto;
max-height: 100%;
max-width: 100%
}
.navigationbar_spacer
{
opacity: 100%;
width: 100%;
height: 5em;
}
.postagem
{
padding: 1%;
border-radius: 12px;
width: 33%;
margin: auto auto;
background-color:#edebed;
margin-top: 1%;
}
.postagem div
{
border-radius: 12px;
background-color: #95bcf0;
width: 75%;
margin: auto auto;
}
.postagem h1
{
font-family: "arial";
font-size: 150%;
font-weight: lighter;
text-align: center;
background-color:
}
.postagem p
{
font-family: "book antiqua";
font-size: 100%;
text-align: justify;
text-indent: 2em;
}
position: absolute; top: 0
. Tente colocar no body ummargin-top: 75px
ou o tamanho do "png test".margin: 0 auto; max-width: 100%; max-height: 100%