Δημοσιεύτηκε: 14 Φεβ 2012, 21:12
από giannosfor
Τα άλλαξα για να είναι πιο καθαρά.

Κώδικας: Επιλογή όλων
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Hotel</title>
</head>
   <LINK href="style.css" rel="stylesheet" type="text/css">
<body>
   <div id="header">
      Header
   </div>
   <div id="nav">
      nav
   </div>
   <div id="content">
      content
   </div>
   <div id="footer">
      footer   
   </div>
</body>
</html>


Κώδικας: Επιλογή όλων
html, body {
      height:100%;
      background-color:#b0c4de;
      margin: 0;
      padding: 0;
   }
   div {
      border:1px solid black;
   }
   #header{      
      width:auto;
      height:5em;
      background-color:#0D70AE;
   }
   #nav{
      float : left;
      width: 10em;
      height: 100%;
      background-color:#8A0D51
   }
   #content {
      height: 100%;
      background-color:#AE3EA5;
   }
   #footer {
      clear : both;      
      width: 100%;
      height: 50px;
      background-color:#86AA6A;
      margin-top: -50px; position: relative;
   }   


Άλλαξα και λίγο το κώδικα.
Αυτό δείχνει να λειτουργεί.Αυτό που ήθελα όμως ήταν να είναι το footer στο τέλος και στη συγκεκριμένη περίπτωση να φαίνεται εφόσον τα περιεχόμενα των παραπάνω div δεν έχουν αρκετό περιεχόμενο ώστε να αλλάζει το height τους.
Δε ξέρω αν γίνομαι κατανοητός.
Το footer θέλω να είναι στο τέλος πάσι θυσία και το περιεχόμενο της σελίδας να γεμίζει όλο το χώρο(να κάνει expand).
Όταν το περιεχόμενο είναι μεγαλύτερο απ'το μέγεθος της οθόνης απλά αλλάζει το height των δύο divs του nav και του content.Το footer παραμένει κάτω άλλα δεν είναι ορατό.

Να ρωτήσω και κάτι άλλο,υπάρχει κάποιο καλό πρόγραμμα να χρησιμοποιήσω σε ubuntu;
Χρησιμοποιώ το dreamweaver 8 σε wine αν υπάρχει κάτι καλύτερο.