hi jungs,

ich bin schon voll verzweifelt und ich hoffe ihr könnt mir jetzt helfen...


ich versuch schon seit wochen ein vernünftiges layout mit div's zu erstellen, ich hab mir schon hunderte tutorials und mehrere foren durchgelesen, und zwar will ich eben mit div's ein layout machen was folgendermasen aussieht.

ein top navigation die über die ganze breite geht (800px) und dann drunter links und rechts zwei navigationen mit 120px breite und in der mitte natürlich ein content teil. unter dem content und den navigationen soll noch ein footer teil sein.

so jetzt wisst ihr wie es aussehen sollte ich hab es echt schon oft versucht aber ich bekommt es nicht hin immer is mindestens ein teil verschoben.

ich hoffe mir kann ein nen kleinen quelltext posten.


mfg unicon

Mister Ad

-> <div> layout funktioniert nicht!!

Schau mal bei http://www.css4you.de/

danke CIX88, aber dahin wurde ich schon hudert mal verwiesen und ich hab mir da schon einiges durchgelesen aber des layout bei mir funtzt troztdem nicht.

ich poste mal den code:

<div id="main">
<div id="content"> Content </div>
<div id="right"> rechts </div>
<div id="left"> links </div>
<div id="footer"> footer</div>
</div>



#main {
width: 800px;
position: absolute;
left:50%;
margin-left:-400px;
top: 125px;
text-align: center;
z-index: 0;
}
#top {
background-color: #00FF66;
}
#content {
position:relative;
width:500px;
background-color: #CC6666;
clear:none;
}
#left {
width:145px;
background-color: #CCFF66;
float: left;
}
#right {
width:145px;
background-color: #33FFCC;
float:right;
}
#footer {
width:800px;
position:relative;
padding-top:10px;
}


ich braucht nen richtigen code und nicht immer links oder tuts dir so ähnlich sind ich hab des schon hundert mal versucht ähnliche (meistens nur ohne footer) so zu ändern das sie passen habs aber nie geschaft.


plz help

Hmmmmmmm,
dein CSS ist etwas merkwürdig und etwas wild zusammengetippt.
Ich guck mal ob ich dir ein Beispiel zurecht machen kann, falls nicht jemand schneller ist ...

oh ja stimmt des war auch garnicht der richtige code merk ich grad....


denn hab ich aus nem anderen tutorial und der hat auch ned gefuntzt

Also ich habe jetzt auf die schnelle etwas zurecht gemacht:

EDIT (update link):
http://www.cix88.de/cix_css/css_layo..._layout_1.html

Jedenfalls haste einen Kopfbereich, links, mitte, rechts und eine Fusszeile inkl. 2 DIVs als Trennlinie
Den Rest musste schon selber machen

EDIT: Ist nur ein Beispiel, nicht ganz valide !

vielen dank genau das hab ich gebraucht ....

denn rest kann ich dann hoffentlich selber...


nochmal thx an CIX88

So das Beispiel ist jetzt sauber