CSS 2 DIV Boxen nebeneinander, Problem mit Footer

[LoOni3r]

Hallo zusammen,

hab mich nach langer zeit nun doch mal mit CSS beschäftigt und komme an einer stelle nicht weiter.

Mein Aufbau:
-Header-
-Navi-
-Navi2- -Content-
-Footer-

hier mein problem:

Wenn ich einen langen Text in dern content Div habe geht der Footer so wie es sein soll mit runter.
Hab schon ohne position, mit absoluter position, ohne float, float right usw. alles durchgetestet.

Hoffe mir kann jemand einen Tipp geben wie ich das Problem gelöst bekomme.
Vielen dank schonmal.

Hier mal der HTML und CSS Code:

.
.
.
	<main>
		<div id="navleft">
bla bla text
		</div>
		<div id="content">
			<?php require_once("include/includes/content.php");?><br /><br />
		</div>
	</main>
	<footer>
		<p><br /><br />Copyright © 2016 ... | Alle Rechte vorbehalten</p>
	</footer>
</body>
</html>

#navleft{
  position: relative;
  top: 15px;
  margin-left: 15px;
  margin-right: 15px;
  width: 200px;
float:left;

}
#content{

  position: relative;
  top: 15px;
  margin-left: 230px;
}

 

[apolle]

Guckst Du hier (Bsp 2):

https://wiki.selfhtml.org/wiki/CSS/Anwendung_und_Praxis/feststehender_footer_mit_Flexbox

 

[LoOni3r]

doch so einfach!

Besten dank, genau so sollte es sein.

 

[LoOni3r]

Hallo,

Ich habe festgestellt, dass der Footer beim IE11 stehen bleibt, sprich nicht unterhalb der Seite ist.

Muss man beim IE was besonderes beachten?

 

[Skittl]

Hallo,

Ich habe festgestellt, dass der Footer beim IE11 stehen bleibt, sprich nicht unterhalb der Seite ist.

Muss man beim IE was besonderes beachten?

Ja. Leute die Server mieten wollen, werden sowieso keinen IE mehr nutzen

 

[LoOni3r]

ja klar, würde es nur schöner finden wenn es im IE auch gehen würde.

konnte man nicht mit

<!--[if IE]>
...css stile....
<![endif]-->

einzelne div boxen ausblenden?
funtzt bei mir nur nicht