html - White lines between divs -


I'm trying to do a basic layout for a website. But I have two problems:

  1. I am getting empty space between my devices, I have already set margin and padding to 0.
  2. I can not use% to set up weeks, I have to use VH for some divisions and I do not understand why.

    Bella:

    HTML:

      & lt; body & gt; & Lt; Main id = "stora" & gt; Stora & lt; / Main & gt; & Lt; Navigation ID = "Navigation" & gt; & Lt; Ul & gt; & Lt; Li id = "ettan" & gt; & Lt; A & gt; InDeningsPepread & lt; / A & gt; & Lt; / li & gt; & Lt; Li id = "tween" & gt; & Lt; A & gt; Instagram & lt; / A & gt; & Lt; / li & gt; & Lt; Li id = "trean" & gt; & Lt; A & gt; Contact & lt; / A & gt; & Lt; / li & gt; & Lt; Li id = "fyran" & gt; & Lt; A & gt; Levance & lt; / A & gt; & Lt; / li & gt; & Lt; / Ul & gt; & Lt; / Neo & gt; & Lt; Footer & gt; Address & lt; / Footer & gt; & Lt; / Body & gt;   

    CSS:

      * {padding: 0; Margin: 0; } Html {height: 100%; Width: 100%; Body {background: yellow; Height: 100%; Width: 100%; } Li {List-style: none; } #stora {width: 50%; Height: 100%; Background: Red; Swim left; } # Traffic {Width: 50%; Height: 100%; Background: blue; float right; } Footer {width: 100%; Height: 25 px; Background: white; Status: fixed; Bottom: 0 pixels; } #beten {width: 50%; Height: 70 V. Background: olive; Swim left; } #twan {width: 50%; Height: 35 VH; Background: turquoise; Swim left; } #trean {width: 50%; Height: 35 VH; Background: white; Swim left; } #firan {width: 100%; Height: 30 VH; Background: Gray; Swim left; }   

    image of screen < P>

    Strange crome and Firefox seems darn cross browser compatibility!

    Overflow: Hidden;

    I do not have Safari installed to test, so all your iv got, good luck for you

Comments

Popular posts from this blog

Pass DB Connection parameters to a Kettle a.k.a PDI table Input step dynamically from Excel -

multithreading - PhantomJS-Node in a for Loop -

c++ - MATLAB .m file to .mex file using Matlab Compiler -