Ergebnis 1 bis 3 von 3

Thema: Nebeneinadersetzen von zwei Boxen in CSS

  1. #1
    Unregistriert
    Gast

    Standard Nebeneinadersetzen von zwei Boxen in CSS

    Hallo, möchte gerne zwei Boxen mit nem roten Rahmen nebeneinander setzen. Das gelingt mehr nicht, was mir gelingt ist eine Box und die andere ist nicht daneben, sondern oben drüber:d:

    Mein Ansatz sieht so aus: Habe zwei div-tagsdefiniert, die ich meiner CSS-Datei definiere:

    <body>


    <div id="mainmenuD">

    </div>

    <div id="body">

    </div>
    </body>

    CSS:

    #mainmenuD{
    float:left;
    position:relative;
    left: 0; top: 5; width:200;
    border: 1px solid blue;
    background-color: #00CCFF;
    }

    #body{

    position: relative;
    width: auto;
    margin-left: 10px;
    border: 1px solid red;
    }
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Nebeneinadersetzen von zwei Boxen in CSS

    wofür nimmst du position relative?
    positionierung macht man in erster linie mit margin und/oder padding.
    und was du machen musst ist beide divs floaten lassen, mehr net
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: Nebeneinadersetzen von zwei Boxen in CSS

    Synaptic hats erfasst:

    HTML-Code:
    <div style="border: 2px solid red">
        <div style="float: left; width: 200px; height: 200px">
            <a>BOX1</a>
        </div>
        <div style="float: left; width: 200px; height: 200px">
            <a>BOX2</a>
        </div>
    </div>
    <br style="clear: both;">
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

Ähnliche Themen

  1. Zwei Buttons zwei funktionen
    Von Gimminy im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 03.08.2010, 10:49
  2. Info-Boxen
    Von Alic3M im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 08.10.2009, 10:14
  3. div boxen problem
    Von kappilino im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 15.09.2007, 23:16
  4. 100% Breite von div-boxen
    Von Gamling im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 28.07.2007, 22:16
  5. Soundkarte und Boxen ....
    Von Sletchi im Forum Computer - Internet Forum
    Antworten: 4
    Letzter Beitrag: 16.04.2005, 15:07

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •