Ik heb 3 containers voor 3 rijen, daarom heen zit nog 1 container die deze 3 containers in het midden zet.

Daaronder staat een footer maar als container 1 (rij 1) langer is als container 2 & 3 (rij 2 & 3) dan zit de footer niet eronder maar tussen de container 1 (rij 1).

Voorbeeld: Devual

Maar ik wil dat mijn footer ook onder container 1 (rij 1) komt te staan als deze langer is als container 2 & 3 (rij 2 & 3) want is rij 2 langer of rij 3 langer dan de andere dan staat de footer wel netjes eronder. Kan iemand me helpen met het probleem?

CSS: Container buitenom

Code:

.container_categories_1
{ left: 50%;
  margin: 0 0 0 -426.5px;
  position: relative; 
  width: 853px; }

CSS: Container rij 1, 2 & 3

Code:

.container_categories_2
{ float: left;
  width: 283px; }

CSS: Footer

Code:

.container_footer
{ float: left;
  width: 100%; }

.footer_upside_1
{ background-color: #054E7C;
  height: 1px;
  margin-top: 32px;
  width: 100%; }

.footer_upside_2
{ background-color: #0981C4;
  height: 1px;
  width: 100%; }

.footer
{ background-color: #055688;
  height: 43px;
  width: 100%; }

Code pagina

Code:

			<?php require("Frames/Contents/Navigation.php"); ?>
            <?php require("Frames/Contents/Header.php"); ?>
            <?php require("Frames/Software/Index/Newest_software.php"); ?>
            <?php require("Frames/Software/Information_under.php"); ?>
            <?php require("Frames/Software/Index/All_categories.php"); ?>
            <?php require("Frames/Contents/Footer.php"); ?>

Mocht je nog ergens een code van nodig hebben, ask it en dan post ik het even. :)

Hoi,

Hoe heb jij het in je html staan? en wat is code van al die 3 rijen + buitenkolom, staat niet heel duidelijk hier.

je moet de container waar de rijen in zitten, een overflow:hidden mee geven. Dat, of je doet een clear:both; op je footer. Ik zou beide doen.

Wat je ook kunt doen is een simpele .clear class maken. Deze zit je dan tussen je container en je footer.