CSS cum sa fac sa apara footerul jos (cod atasat) ?

**evolution** · 13th March 2009, 00:45

Sunt pagini unde am putin continut ,iar footerul apare undeva la mijlocul ecranului pe un monitor de 19'.
Se poate face sa fie lipit tot timpul jos de tot,indiferent cat de putin text am in mijloc ?

Cod:

  <?xml version="1.0"?>
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <title>CSS </title>
  <style type="text/css">

body {
    margin:0em 0em 0em 0em;
    padding: 0px;
}

div#header {
    clear: both;
    height: 100px;
    background-color: aqua;
    padding: 1px;
}
div#left {
    float: left;
    width: 150px;
    background-color: red;
}
div#right {
    float: right;
    width: 150px;
    background-color: green;
}
div#middle {
    padding: 0px 160px 2px 160px;
    margin: 0px;
    background-color: silver;
}
div#footer {
    clear: both;
    background-color: yellow;
	text-align:center;
}

  </style>
  </head>

  <body>
<div id="header">
    <h1>Header </h1>
</div>

<div id="left">
Left side text...<br>
Left side text...<br>
Left side text...<br>
Left side text...<br>
Left side text...<br>
Left side text...<br>
Left side text...<br>

</div>
<div id="right">
Right side text...<br>
Right side text...<br>
Right side text...<br>
Right side text...<br>
Right side text...<br>

</div>
<div id="middle">
Text mijloc  Text mijloc  Text mijloc  Text mijloc  Text mijloc  Text mijloc  Text mijloc  Text mijloc  Text mijloc  Text mijloc  Text mijloc  Text mijloc  Text mijloc  Text mijloc  Text mijloc  Text mijloc  Text mijloc  Text mijloc  Text mijloc  Text mijloc  Text mijloc  Text mijloc  Text mijloc  
</div>
<div id="footer">
    Footer text... Footer text... Footer text...
</div>


</body>
  </html>

**Cornelius** · 13th March 2009, 00:54

Cred ca poti incerca punand un width :100%; in css tau!
Asta in cazul in care nu ii vei da in prealabil clasei body o valoare pt width, in cazul asta vei da aceiasi valoare si width-ului de la footer!

**Dever** · 13th March 2009, 01:15

Ai aici un articol foarte misto care explica si varianta cu CSS si cea cu Javascript.

**imhotep** · 13th March 2009, 03:26

toata magaoaia, o bagi intr-un alt div, de ex wraper, la care ii dai height 100%, apoi ai divu tau middle care il pui si pe ala cu height 100%. Vei observa apoi ca pagina ta se lungeste si apare scrollu. Mai faci un div (clearer ii zice) care are height egal cu heightu la footer. Cauta pe net "css clearer" ca sa vezi exact cum vine. Mare grija cu heighturile !!!!! ca te trezeti cu continut suprapus pe Firefox. Testeaza bine cu mai multe browsere.

**Andrei Luca** · 13th March 2009, 15:58

http://www.cssstickyfooter.com

Subiect: CSS cum sa fac sa apara footerul jos (cod atasat) ?

Instrumente subiect

Afișează

CSS cum sa fac sa apara footerul jos (cod atasat) ?

Informații subiect

Utilizatori care navighează în acest subiect

Thread-uri Similare

Cum pun un produs sa apara in 2 subcategorii diferite ?

Ce fac sa-mi apara asa !

Permisiuni postare