Gecko [ nrupathungauniversityblr.ac.in ]

Name	Size	Permission
css	[ DIR ]	drwxr-xr-x
images	[ DIR ]	drwxr-xr-x
backgroundcolor_fontdecoration...	4.53 KB	-rwxr-xr-x
css_2d_transforms.html	4.06 KB	-rwxr-xr-x
css_at_font_face.html	1.11 KB	-rwxr-xr-x
css_baseline.html	937 B	-rwxr-xr-x
css_border.html	6.53 KB	-rwxr-xr-x
css_border_radius.html	824 B	-rwxr-xr-x
css_color_cmyk.html	1005 B	-rwxr-xr-x
css_content.html	767 B	-rwxr-xr-x
css_counter.html	2.23 KB	-rwxr-xr-x
css_float.html	8.38 KB	-rwxr-xr-x
css_font_selection.html	6.57 KB	-rwxr-xr-x
css_important_flag.html	1.82 KB	-rwxr-xr-x
css_letter_spacing.html	4.98 KB	-rwxr-xr-x
css_line_height.html	2.72 KB	-rwxr-xr-x
css_margin.html	1.73 KB	-rwxr-xr-x
css_media.html	2.75 KB	-rwxr-xr-x
css_multiple_class.html	453 B	-rwxr-xr-x
css_nth_child.html	2.45 KB	-rwxr-xr-x
css_opacity.html	2.61 KB	-rwxr-xr-x
css_outline.html	2.68 KB	-rwxr-xr-x
css_overflow_hidden.html	946 B	-rwxr-xr-x
css_position_absolute.html	1.08 KB	-rwxr-xr-x
css_position_all.html	9.85 KB	-rwxr-xr-x
css_position_fixed.html	8.14 KB	-rwxr-xr-x
css_selectors.html	1.29 KB	-rwxr-xr-x
css_table_height.html	329 B	-rwxr-xr-x
css_table_layout_fixed.html	10.11 KB	-rwxr-xr-x
css_text_align.html	3.26 KB	-rwxr-xr-x
css_text_decoration.html	4.14 KB	-rwxr-xr-x
css_vertical_align.html	1.32 KB	-rwxr-xr-x
css_vertical_align_w3.html	15.01 KB	-rwxr-xr-x
css_whitespace.html	1.82 KB	-rwxr-xr-x
css_word_wrap.html	759 B	-rwxr-xr-x
css_z_index.html	1.36 KB	-rwxr-xr-x
demo_01.html	5.92 KB	-rwxr-xr-x
dom_anchor_link.html	9.77 KB	-rwxr-xr-x
dom_br.html	1.97 KB	-rwxr-xr-x
dom_form_fieldset.html	1.23 KB	-rwxr-xr-x
dom_large_table.html	39.04 KB	-rwxr-xr-x
dom_long_table.php	673 B	-rwxr-xr-x
dom_nbsp.html	1.64 KB	-rwxr-xr-x
dom_nested_table.html	948 B	-rwxr-xr-x
dom_ol.html	2.85 KB	-rwxr-xr-x
dom_simple_ul.html	1.34 KB	-rwxr-xr-x
dom_table.html	1.65 KB	-rwxr-xr-x
dom_table_image.html	371 B	-rwxr-xr-x
dom_ul.html	15.13 KB	-rwxr-xr-x
encoding_entities.html	518 B	-rwxr-xr-x
encoding_latin1.html	27.34 KB	-rwxr-xr-x
encoding_special.html	12.93 KB	-rwxr-xr-x
encoding_symbols.html	32.3 KB	-rwxr-xr-x
encoding_unicode.html	190 B	-rwxr-xr-x
encoding_unicode_wrapping.html	558 B	-rwxr-xr-x
encoding_utf-8.html	31.45 KB	-rwxr-xr-x
encoding_utf-8_all.html	538.06 KB	-rwxr-xr-x
encoding_utf-8_w3.html	13.58 KB	-rwxr-xr-x
image_background.html	4.37 KB	-rwxr-xr-x
image_basic.html	487 B	-rwxr-xr-x
image_bmp.html	3.45 KB	-rwxr-xr-x
image_datauri.html	13.43 KB	-rwxr-xr-x
image_dimensions.html	920 B	-rwxr-xr-x
image_gif.html	258 B	-rwxr-xr-x
image_remote.html	1.46 KB	-rwxr-xr-x
image_transparent_gif.html	524 B	-rwxr-xr-x
image_transparent_png.html	6.34 KB	-rwxr-xr-x
image_variants.html	9.52 KB	-rwxr-xr-x
page_pages.html	9.46 KB	-rwxr-xr-x
print_header_footer.html	8.25 KB	-rwxr-xr-x
quirks_center_table.html	316 B	-rwxr-xr-x
quirks_font_tag.html	1.85 KB	-rwxr-xr-x
quirks_html_attributes.html	2.2 KB	-rwxr-xr-x
script_javascript.html	429 B	-rwxr-xr-x
script_php.php	818 B	-rwxr-xr-x

Code Editor : css_position_fixed.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  
  <title>Printed document</title>
  
  <style type="text/css">
	@page {
	  margin: 0;
	}
	
	body {
	  margin-top: 3.5cm;
	  margin-bottom: 1cm;
		margin-left: 3.5cm;
		margin-right: .5cm;
	  font-family: sans-serif;
		text-align: justify;
	}
	
	div.header,
	div.footer {
	  position: fixed;
	  background: #ddd;
	  width: 100%;
	  border: 0px solid #888;
	  overflow: hidden;
	  padding: 0.1cm;
	}
	
	div.leftpane {
		position: fixed;
		background: #ddd;
		width: 3cm;
		border-right: 1px solid #888;
		top: 0cm;
	  left: 0cm;
		height: 30cm;
	}
	
	div.header {
	  top: 0cm;
		left: 0cm;
	  border-bottom-width: 1px;
	  height: 3cm;
	}
	
	div.footer {
	  bottom: 0cm;
		left: 0cm;
	  border-top-width: 1px;
	  height: 1cm;
	}
	
	div.footer table {
	  width: 100%;
	  text-align: center;
	}
	
	hr {
	  page-break-after: always;
	  border: 0;
	}
  </style>
  
</head>

<body>

<div class="header">
  <div style="text-align: right;">
    Header line 1<br/>
    Header line 2<br/>
    Header line 3<br/>
    Header line 4<br/>
  </div>
</div>

<div class="footer">
  <div style="text-align: right;">On line footer content aligned to the right. <a href="http://fr.selfhtml.org/css/proprietes/printlayouts.htm">More info on print layouts</a></div>
</div>

<h2>Section 1</h2>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non
risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec,
ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula
massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci
nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit
amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat
in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero
pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo
in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue
blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus
et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed
pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales
hendrerit.</p>

<hr/>

<h2>Section 2</h2>

<p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut
orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius,
ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus
sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer
id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae
elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et
sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue
eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non
elementum posuere, metus purus iaculis lectus, et tristique ligula
justo vitae magna.</p>

<hr/>

<h2>Section 3</h2>

<p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at
fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu
lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod
libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean
suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla
tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus,
felis magna fermentum augue, et ultricies lacus lorem varius purus.
Curabitur eu amet.</p>

</body></html>

${this.title}

Code Editor : css_position_fixed.html