Osman 8/31/2016 0

Absolute positioning for header in html

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

  <title>Absolute Positioning For Header</title>
  <style rel="stylesheet" type="text/css">

div.header {
  position: fixed;
  top: 10px;
  left: 10px;
  width: 100%;
  color: green;
  background-color: orange;

p {
  width: 360px;
  padding: 4px;
  color: yellow;
  background-color: blue;

p.one {
  margin-top: 80px;

<div class="header">Absolute Positioning For Header</div>

<p class="one"><p><br/><br/></p>

<p>A smile is nearly always inspired by another smile.<br/>
For it was not into my ear you whispered, but into my heart.<br/>
It was not my lips you kissed, but my soul.<br/><br/>



Report Bug

Please Login to Report Bug

Reported Bugs


Please Login to Comment