ilch Forum » Allgemein » HTML, PHP, SQL,... » Divs nebeneinander setzen

Geschlossen
  1. #1
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    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
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Maretz Hall Of Fame
    Registriert seit
    28.02.2009
    Beiträge
    740
    Beitragswertungen
    74 Beitragspunkte
    Wie bei Tabelle solltest dies einpacken lächeln 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
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    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^^
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Botox84 Mitglied
    Registriert seit
    09.08.2006
    Beiträge
    1.190
    Beitragswertungen
    21 Beitragspunkte
    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
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Oder mit "position" absolute, fixed oder relative positionien.
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Saarlonz Hall Of Fame
    Registriert seit
    07.08.2008
    Beiträge
    3.003
    Beitragswertungen
    235 Beitragspunkte
    Hab den Thread mal in den HTML, PHP, SQL,... Bereich verschoben.
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    oink Mitglied
    Registriert seit
    23.09.2010
    Beiträge
    740
    Beitragswertungen
    227 Beitragspunkte
    *clap* *clap*
    before creation there must be destruction
    1 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten