0

i'm using a spash-container this way:

<div class="splash-container">
<div class="splash">
    <h1 class="splash-head">Ciencias de la Legislación</h1>
            <p class="splash-subhead">
        Listado de archivos disponibles.
    </p>
</div>

With the following css:

.splash-container {
background: #595959;
z-index: 1;
overflow: hidden;
width: 100%;
height: 40%;
top: 0;
left: 0;
/*position: fixed !important;*/

}

But I have a small space between the navbar and the splash-containe, As you can see here:

Image

Is there a way to fix it?

federico Guastadisegni
  • 131
  • 1
  • 15
  • do you have a fiddle for your example? – Marouen Mhiri Nov 22 '16 at 22:15
  • rightclick the space and inspect it to see where it is coming from, impossible to say without the code – Flink Nov 22 '16 at 22:15
  • can yoi add your markup – Geeky Nov 22 '16 at 22:15
  • Just want to note that `spash-container` is a completely arbitrary name for a container here with no outside meaning, so it's irrelevant to the issue. There's no such thing as "a" splash-container, so this question is named very strangely. With that said, whatever is causing the space is not in the CSS you pasted here. We need to see more. – Jon Uleis Nov 22 '16 at 22:19
  • 1
    Thanks Flink, i found the problem. – federico Guastadisegni Nov 22 '16 at 22:20
  • Probably the `h1` element inside the `.splash-container` has a margin-top which cause that space. You can try add `.splash-container h1 { margin-top: 0;}` and it might fix it, but without the complete html/css (working example) it's really hard to know what caused it. – Dekel Nov 22 '16 at 22:20

0 Answers0