problem mit 2 spalten Layout

html.de-Forum HTML, XHTML & CSS
1

Hi ich versuche gerade html und CSS zu lernen. Jetzt wollte jetzt mal ein Layout machen wo die navigation links neben dem Inhalt ist und rechts noch ein extra spalte für werbung oder so ist(auch neben dem Inhalt). aber i-wie klappt das ganze noch nicht so ganz…;ugl

Hier mal ein Bild wie es jetzt aussieht.
http://www.abload.de/thumb/hp_problemie8q.png

Ich möchte aber dass das Navi links und Navi rechts neben dem Inhalt sind.

Hier mal meine css datei:
[HTML]*
{
padding: 0px;
margin: 0px;
}
html, body
{
height: 100%;
}
#wrapper
{
min-height: 100%;
}
#header
{
background-color: #800000;
}
#inhalt
{
background-color: #FFFF00;
}
#inhalt h1
{
padding-bottom: 5px;
}
#inhalt p
{
padding-bottom: 8px;
}
#navi-left
{
background-color: #FF8000;
width: 150px;
float: left;
}
#navi-right
{
background-color: #800080;
width: 150px;
float: right;
}
#footer
{
background-color: #808080;
height: 1.5em;
margin-top: -1.5em;
}[/HTML]

und meine Index.html

[HTML]



Header und Logo




Überschrift


Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt





Navi-left




Navi-right




Footer


[/HTML]

Ich hoffe jemand kann mir helfen :smiley:

2

[HTML]


Footer



[/HTML]
Die
's sind überfällig. Gib einfach dem

des Footers die id „footer“, und gut schon ein

weniger. Bei der Navigation das selbe. :slight_smile:

3

Bevor du mit CSS anfängst, solltest du dich lieber noch etwas mit HTML beschäftigen, denn was du da fabriziert hast, ist die allgemein bekannte div-Suppe. Du hast zwar Textabsätze schon als

definiert und die Überschrift als

, aber die ganzen div um die Elemente sind absolut überflüssig.

CSS macht erst richtig Sinn, wenn das HTML vernünftig ist.

4

So stand dis in nim Tutorial… komisch naja ok hat vielleicht jemand eine gute Seite zum „richtigen“ Html und CSS lernen?

5

Natürlich.
Einführung | Webdesign mit XHTML und CSS

6

OK danke hab aber trotzdem noch ein problem… ich habe immer noch das selbe problem wie oben, blos das die navi-leisten den footer begrenzen und nicht den inhalt:

http://www.abload.de/thumb/hp_problemu00a.png

Hier mal meine CSS:

[HTML]*
{
padding: 0px;
margin: 0px;
}
#header
{
background-color: #800000;
}
#content
{
background-color: #FFFF00;
margin-right: 175px;
margin-left: 175px;
}
#navi_left
{
background-color: #FF8000;
width: 175px;
float: left;
}
#navi_right
{
background-color: #800080;
width: 175px;
float: right;
}
#footer
{
background-color: #808080;
}[/HTML]

was mach ich flasch?^^

fg

7

OK nachdem mir hier keiner helfen konnte hab ich es selbst raus gefunden.^^

Das Navi muss im html Code über dem stehen an dessen seite es sein soll, in meinem fall über dem inhalt.