---
title: "Simple 2 columns css"
description: "Werbeagentur Wegberg"
url: "https://www.digital-noises.com/simple-2-columns-css/"
canonical: "https://www.digital-noises.com/simple-2-columns-css/"
type: "WebPage"
date_published: "2008-10-03T09:49:00+02:00"
date_modified: "2008-10-03T10:20:31+02:00"
author: "florian"
locale: "de_DE"
---

# Simple 2 columns css

<!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>

<style type=“text/css“>

div { border: 1px solid #f00; }

body { text-align:center; }

#container { background:#ddd; width:600px; text-align:left; margin:0 auto; }

#navi_oben { height:200px; background:#0f0; }

#main_left  { background:#333; width: 200px; height:800px; float:left;  }

#main_right { background:#aaa; width: 200px; height:400px; margin-left:250px;  }

#footer { clear:both; background:#f0f; height:20px; }

</style>

</head>

<body>

<div id=“container“>

<div id=“navi_oben“></div>

<div id=“main_left“></div>

<div id=“main_right“></div>

<div id=“footer“></div>

</div>

</body>

</html>

————–

[Example](http://www.digital-noises.de/_entwicklung/_codebase/simple2columns_css.html)
