2 Divs nebeneinander, im rechten Bilder zum srollen

[Nedsch]

Hallo,

bin noch an meiner ersten einfachen Homepage dran. Und hab noch mal eine Anfängerfrage.
Vom Prinzip soll die Funktion sein wie bei einem Fotografen, den ich zufällig gefunden habe: Hannes Caspar

Nun steige ich dort nicht durch. Javascript oder was ist das?

Links soll also der Name und die Navi sein. Das ganze fixiert. Rechts einfach nur Bilder untereinander zum scrollen. Mit einer Zeile Text unter jedem Bild.

Mein CSS sieht im Moment so aus:

body {
    margin: 0px;
    padding: 0px;
    background-color: #161616;
}

#header {
    position: fixed;
    width: 150px;
    margin-left: 14px;
    margin-top: 30px;
    float: left;
}

#content {
    width: 850px;
    margin-left: 186px;
    margin-top: 30px;
    float: left;
}

- Reicht das schon? Es sieht bei mir in der Vorschau richtig aus, aber weiß nicht, ob in allen Browsern.
- Sollen beide Divs noch in ein Hautp-Div rein?
- Die Bilder zum scrollen, mit der einen Zeile Text drunter: soll ich das einfach so einfügen? Oder als Liste? Oder als Tabelle?

Danke und Grüße ..

 

[sokie]

AW: 2 Divs nebeneinander, im rechten Bilder zum srollen

um mal hinten anzufangen: wenn du eine Auflistung von Bildern darstellen willst, ist es für die logische Struktur deines Markups am günstigsten auch eine Liste zu verwenden.
Wenn Du den Eindruck hast, dass dein Layout den Ansprüchen gewachsen ist die auf dieses Seite zukommen macht es keinen Sinn "einfach so" die beiden Container noch in einen wrapper zu stecken.
zu einem stück CSS lässt sich nicht viel sagen. da CSS ja nur etwas gestaltet dessen Struktur (Schachtelung etc...) in einem anderen Dokument beschrieben ist, muss man immer auch dieses Dokument sehen um zu verstehen.
ganz fraglich ist allerdings das float: left im CSS, wozu dient das?

 

[Nedsch]

AW: 2 Divs nebeneinander, im rechten Bilder zum srollen

ganz fraglich ist allerdings das float: left im CSS, wozu dient das?

Ich dachte, ich brauche das float:left damit die beiden Divs nebeneinander stehen. Täusche ich mich da? Habs mal rausgenommen. Stimmt, sind immer noch nebeneinander. Aber der Header ist ein Stück runter gerutscht. (?)

Das ist was ich bisher habe. Erst mal nur geschaut, wie bekomme ich die beiden Divs nebeneinander.

<div id="header"><img src="images/kine.png" width="136" height="93" alt="Postproduktion" /><br /> <br />

</div>
<div id="content">

<img src="images/hampi.jpg" width="840" height="630" alt="Hampi" />

Hier steht noch Text

</div>

 

[taskrider]

AW: 2 Divs nebeneinander, im rechten Bilder zum srollen

ich bin jetzt erstmal ein wenig stutzig!

Wenn ich deine Begriffe nehme die du da verwendest entsteht für mich kein 2 Spalten-Layout sondern ein Header und der Content. Egal das sind ja nur Namen.

Wie mein Vorredner schon anzeigte wäre ein Wrapper von Hilfe.

Den Wrapper verwendest du dann am besten um eine min/max oder normalerweise einfach eine Weite für deine Seite zu definieren. z.B. 960px

<div id="wrapper">
<div id="sidebar_left">die schmale linke Seite</div>
<div id="main">Hier kommt der Inhlat rein</div>
</div>

Um nun eine Seite mit zwei Spalten, ähnlich der von Dir geposteten zu erstellen müsstest du den einfachen CSS Code wie folgt verwenden.

#wrapper {
width: 960px;
}
#sidebar_left {
width: 260px;
float: left;
}
#main {
width: 700px;
float: left;
}

Das wäre der Grundstock. Das reicht aber erstmal nur für den Anfang, sollten im Inhalt noch weitere 'Float' Elemente auftauchen muss man sich auch noch über das auflösen von floats (clear Befehl) gedanken machen.

 

[molly_68]

AW: 2 Divs nebeneinander, im rechten Bilder zum srollen

Moin, moin,
besorg dir firebug, damit kannst du den HTML und CSS Code ansehen und sogar direkt verändern um zu sehen, was welcher Befehl bewirkt.

Liebe Grüße
Ute