I have a blank HTML page. I wanted a div that took up 10% of the top of the screen and 100% width.
I then wanted 3 divs below this. Each div went the rest of the height of the screen so 90% and each are to be 33.3% wide. Well first thing that is wrong is that when I display this page, each of the 3 div's at 30% are not exactly touching, they're both off slightly. Also the 3 divs are more wide together then the 100% width bar at the top. Whats the deal with this? Do percentages not work well?
Originally, this post was published on Monitis Blog, you can check it
In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how add a scalable full-width header using CSS3.
Create a new HTML document with an internal stylesheet. Set a tiled background.: Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5.
Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …