DiV nebeneinander

[Dominik]

Hallo!

Ich habe folgendes Problem:

Ich möchte 3 Div Container nebeneinader anzeigen. Was aber nicht funktioniert. wenn die funktion float: left benutze dann verschachteln die sich so komisch ineinander. ich weiß nciht wie ich sie nebeneinander kriegen soll......

hier der code:

<div class='logo'>
<img src='gfx/full_logo.gif'>
</div>

<div class='banner'>
banner
</div>

<div class='info'>
hallo
</div>

hier die css-klassen:

.title {
 border-bottom: 1px solid #0163DC;
 margin-bottom: 25px;
  }

.banner {
 width: 200px;
 height: 100px;
 background-image: url(../gfx/bg/banner.gif);
  }

.info {
 background-image: url(../gfx/bg/info.gif);
 width: 290px;
 height: 213px;
  }

und hier nochmal ein bild:

Kann mir jemand helfen? normalweise funktioniert das wenn ich 3 div container hintereinader platze und die ersten beide mit "float: left" ausstatte das das alle 3 container nebeneinander angezeigt werden... aber hier bin ich ratlos!

vielen dank für die hilfe!

mfg dominik

[entropie]

Hallo!

Moin.

Ich habe folgendes Problem:

Ich möchte 3 Div Container nebeneinader anzeigen. Was aber nicht funktioniert. wenn die funktion float: left benutze dann verschachteln die sich so komisch ineinander. ich weiß nciht wie ich sie nebeneinander kriegen soll......

Tricksen. Alle 3 wirst du nicht fliessend hinbekommen (zumindest nicht in allen _wichtigen_ browsern (wobei ich den IE einfach mal einschliesse).
Zum beispiel das rechte div absolut positionieren. Die anderen beiden an einander (wie sagt man das.) fliessen lassen.

Kann mir jemand helfen? normalweise funktioniert das wenn ich 3 div container hintereinader platze und die ersten beide mit "float: left" ausstatte das das alle 3 container nebeneinander angezeigt werden... aber hier bin ich ratlos!

http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html, und eher allgemein auch lesenswert: http://www.thenoodleincident.com/tutorials/box_lesson/

Wurde mir vor einiger Zeit hier gepostet und hat mir sehr geholfen.

vielen dank für die hilfe!

mfg dominik

Mfg entropie

[entropie]

Achja: dein banner-ding ist maßlos übertrieben (und mit >30kb auch noch sehr gross).

[Dominik]

Achja: dein banner-ding ist maßlos übertrieben (und mit >30kb auch noch sehr gross).

Danke für deine Hilfe erstmal!

Wegen dem Banner:

Der Banner (das kleinste div) ist ganze 2 kb groß....
ich habe nur ein desktop screenshot gemacht um das ganze etwas verständlich zu machen....

Dank!

Bye

[entropie]

Okay, hab nie was gesagt :)

[Bubario]

Hallo Dominik!

Ich habe folgendes Problem ...

hier der code:

<div class='logo'>
<div class='banner'>
<div class='info'>

hier die css-klassen:

.title {
.banner {
.info {

... normalweise funktioniert das, wenn ich 3 div container hintereinander platze ...

Glaube ich dir! Vergleich doch einmal deine Klassenzuweisung mit den Kassennamen. Nur so.

Gruß, Bubario

[Jan Exß]

Ich möchte 3 Div Container nebeneinader anzeigen.

Ich mache so etwas mit "display: inline;" in jedem DIV. Eventuell musst du mit "vertical-align: top;" noch dafür sorgen, dass sie oben bündig sind.

Besser ist noch, zwei DIVs herum zu basteln und mit "display: table" und "display: table-row" zu formatieren. Dann kommt in deine DIVs "display: table-cell". Das versteht aber der IE nicht.

Gruß,
Jan.

[saltun]

Hallo!

Ich möchte 3 Div Container nebeneinader anzeigen. Was aber nicht funktioniert. wenn die funktion float: left benutze dann verschachteln die sich so komisch ineinander. ich weiß nciht wie ich sie nebeneinander kriegen soll......

.title {
border-bottom: 1px solid #0163DC;
margin-bottom: 25px;
  }

Wo hast Du *float: left;* notiert?

Grüße
saltun