» Forum » Allgemein » HTML, PHP, SQL,... » Divs nebeneinander setzen
  Mitglieder   |   Gallery   |   FAQ's   |   Regeln

[ Anmelden zum schreiben ]

Divs nebeneinander setzen
Botox84
Mitglied
21 Beitragspunkte
Posts: 1184

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 31.01.2012 - 23:12:09     Zitieren
Halli hallo,

bin gerade am verzweifeln und komme nicht aufs ergebnis, trotz google ect.

Ich möchte drei divs nebeneinander, auf eine höhe bringen.
Der Content ist 1000px breit
html code in der index.php
<div id="breadcrumb_navi3">{$box_SEARCH}{$box_LANGUAGES}{$box_CART}
                                        </div>


nun die dazu gehörigen css codes, ich lass die html SEARCH, LANGUAGES & CART mal aus, der code sollte stimmen. Stattdessen poste ich die ccs ausschnitte wie ich sie eingebunden habe.

breadcrumb_navi3
#breadcrumb_navi3 {
  width: 1000px;
  float:right;
  margin-right:10px;
  padding: 0;
  margin: 0 auto;
  background-image: url(img/header_03.jpg);
  height:77px;
}


box_SEARCH
.menucontentright {
  text-align:left;
  width: 160px;
  margin: 0;
  font-size: 11px;
  padding: 10px 0 15px 25px;
}


box_LANGUAGES
#languagebox {
  position: relative;
  float:left;
  margin: 0 auto;
  padding:0;
  height:38px;
  width: 100px;
  text-align:right;
}


box_CART
.boxcart {
  padding-right:20px;
  width:160px;
  text-align:right;
  float:right;
}


Die drei divs liegen zwar nebeinander, aber nicht auf eine Höhe, steigen ab wie ne Treppe.

Weiss Jemand zufällig wo mein Denkfehler ist?

Liebe Grüße und vielen Dank


Chatroulette Bauschaum Chatroulette
Maretz
Mitglied
13 Beitragspunkte
Posts: 205

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 01.02.2012 - 04:33:19     Zitieren
Wie bei Tabelle solltest dies einpacken Smilie zb

<div id="full" class="left">
<div id="feld1"></div>
<div id="feld2"></div>
<div id="feld3"></div>
</div>


Dabei steht full für die volle Breite.

Mfg maretz


Free Ilch Clan and CommUnity Templates
Botox84
Mitglied
21 Beitragspunkte
Posts: 1184

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 01.02.2012 - 09:12:05     Zitieren
Das ist geschachtelt. z.B. {$box_SEARCH} verweisst auf eine html Datei, wo wiederrum nen Div enthalten ist. Sprich, eigentlich ist es so wie du sagst, nur ausgelagert^^


Chatroulette Bauschaum Chatroulette
Botox84
Mitglied
21 Beitragspunkte
Posts: 1184

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 01.02.2012 - 10:56:00     Zitieren
Habs hin bekommen, für Leute die es interessiert^^
Die Antwort ist: float

Bei 2 divs kann man z.b.
float:left + float:right
oder
float:left + float:left
oder
float:right + float:right
setzen.

Bei 3 divs muss man bei einem bleiben z.b.

alles nur left oder alles nur right^^

Liebe Grüße


Chatroulette Bauschaum Chatroulette
jankrug
Moderator
50 Beitragspunkte
Posts: 3621

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 01.02.2012 - 12:10:55     Zitieren
Oder mit "position" absolute, fixed oder relative positionien.


Viele verlieren den Verstand nur deshalb nicht, weil sie keinen haben. (Balthasar Gracián)
-saarlonz-
Moderator
81 Beitragspunkte
Posts: 1178

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 01.02.2012 - 13:54:04     Zitieren
Hab den Thread mal in den HTML, PHP, SQL,... Bereich verschoben.




oink
ForenTroll
218 Beitragspunkte
Posts: 727

User Pic

1 Mitglieder finden den Beitrag gut.

Merkliste 02.02.2012 - 12:02:45     Zitieren
*clap* *clap*


before creation there must be destruction

[ Anmelden zum schreiben ]