Probleme mit div-Container und Firefox

Hallo,

ich habe mich gerade mal daran versucht eine Seite zu erstellen. Aufgebaut ist das ganze mit Wordpress. Das Theme erstelle ich mir selber, jedenfalls versuche ich das :-)
Mein Problem ist folgendes:

Ich habe 3 Spalten mit Header und Footer. Das Design passt auch, solange es innerhalb des Bildschirmbereiches bleibt, so wie ich es haben möchte. Ist der Inhalt aber länger als der Inhalts-Container, wird mir der Text einfach über alles drüber geschrieben, solange der Text halt ist. Also der Container streckt sich nicht mir aus. Hier mal der Link dazu:

http://cruppi.cwsurf.de/americanfootball/wordpress/

Das Problem habe ich aber nur beim FireFox, beim Internet Explorer funktioniert es so wie es soll. Habe schon die verschiedensten Möglichkeiten probiert, die ich so gefunden habe, wie zB clearfix; clearfix:after usw. Hat aber alles nichts genützt.

Das ist der Code aus der Style.css:

html, body
{
height: 100%
padding: 0.2%;
text-align: center;
color: #000000;
background-color: #0080c0;
}


#Webprojekt
{
width: 100%; !important;
min-height: 100%; 
height: auto; !important;
height: 100%; /* Mindesthöhe für den IE */
text-align: left;
background-color: #ffffff;
border: 1px solid black;
}


#Logo
{
height: 60px;
background-color: #ffff00;
}


#Navigation
{
float: left;
min-height: 85%;
height: auto; !important;
height: 85%; /* Mindesthöhe für den IE */
background-color: #ff00ff;
}


#Inhalt
{
float: left;
min-height: 85%;
height: auto; !important;
height: 85%; /* Mindesthöhe für den IE */
background-color: #f0f0f0;
}


#Info
{
min-height: 85%;
height: auto; !important;
height: 85%; /* Mindesthöhe für den IE */
float: right;
background-color: #ff0000;
}


#Copyright
{
height: 25px;
background-color: #00ffff;
}


div.clear 
{ 
clear: both; 
}

Vielleicht kann mir von euch jemand weiterhelfen?!

Die Spaltenbreiten und die Farbzuweisungen werden natürlich auch noch vorgenommen, das sollte soweit kein Problem darstellen :-)

Danke schon mal im Vorraus
dagobertd

Danke für die Antwort. Hab schon herumexperimentiert und mache es jetzt so.
Wollte halt, dass wenn die Seite zB leer ist das Design trotzdem über die ganze Seite gezeigt wird. So rutscht der Footer halt mit nach oben. Aber egal, damit werde ich leben können :-D

dagobertd

Mit min-height habe ich es zu beginn gemacht. Funktioniert im FF perfekt. Aber im IE nicht. Wenn ich dann für den IE den height-tag mit !important nehme, funktioniert es wieder nicht in beiden.

Es klappt fast, wenn ich dem body eine height mit 100% gebe, allerdings vergrößert sich da der Container wieder nur im IE und nicht im FF.

dagobertd

Danke für die Tipps, ich werde das mal ausprobieren.

Hab es jetzt mit damit versucht, den Footer fix nach unten zu setzten. Hat Prima geklappt.

Danke für den Tipp.