B4ttl3m4st3r: Problem bei Ausrichtung von DIV-Elementen

Beitrag lesen

Seitdem ich angefangen bin, mich mit PHP zu befassen, bin ich dabei auch auf die Verwendung von div-Elementen umgestiegen.
Da ich mich aber mit diesen Tags und deren Ausrichtung noch nicht lange genug befasst habe, stehe ich nun vor folgendem Problem:

Ich versuche jetzt schon seit längerem folgendes Layout zu gestalten:
<img src="" alt="layout" />

Der nun folgende HTML/PHP-Code ist einer von vielen Versuchen, den ich diesbezüglich verwendet habe.
Leider jedoch kommen ich nicht auf das richtige Ergebnis.

//Inhalt der index.php

<!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" lang="de" xml:lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Pagename</title>

<style type="text/css">

#wrapper { width:1000px;
    margin-right:auto;
           margin-left:auto;}

#header { width: 100%;}

#navileft { width: 14%;
     float: left;}

#naviright { width: 14%;
      float: left;
             position: relative;
             bottom: 24px;}

#bar1 { width: 871px;
        position: relative;
        right: 10px;}

#bar2 { width: 860px;
        float: left;
        position: relative;
        right: 72px;}

#content { width: 720px;
           float: left;}

</style>

</head>

<body>

<div id="wrapper">

<div id="header"><?php include "header.php"; ?></div>

<div id="navileft"><?php include "navileft.php"; ?></div>

<div id="bar1"><?php include "bar1.php"; ?></div>

<div id="bar2"><?php include "bar2.php"; ?></div>

<div id="content"><?php include "content.php"; ?></div>

<div id="naviright"><?php include "naviright.php"; ?></div>

<br style="clear:both;" />
</div>

</body>
</html>

//END

Ich hoffe, dass jemand von euch so nett ist und mir hilft ^^

gez. B4ttl3m4st3r