Ergebnis 1 bis 7 von 7
  1. #1
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.755

    Question divs ausrichten

    Zwei div's, eines links mit float:left; und eines rechts mit float:right;
    Das Rechte hat eine feste Breite von width:150px;
    Das Linke soll sich nun soviel Platz nehmen in der Breite, wie noch übrig ist. Wie definiere ich das im CSS?

  2. #2
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

  3. #3
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.755

    AW: divs ausrichten

    Danke dir
    Bin doch wieder zurück auf Tabellen gegangen, weil es noch einige mehr Probleme mit dem Layout gab.
    Das div'en beim Layout liegt mir garnicht

  4. #4
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: divs ausrichten

    Ist doch im Prinzip sehr einfach.
    Man muss es nur erst einmal gerafft haben.
    Das wird Dir sicherlich nicht schwer fallen.

  5. #5
    Avatar von bine
    bine ist offline Lounge-Member
    registriert
    06-07-2002
    Ort
    Schleswig-Holstein
    Beiträge
    5.902

    AW: divs ausrichten

    ah jo, sehe schon, ging mir ebenso. Nimm Dir einfach mal alles aus dem Kopf raus und lass dich auf CSS ein. Intensivstation ist eine super nützliche Lernseite.
    bine

  6. #6
    dertypdernixkan ist offline Tripel-As
    registriert
    31-05-2013
    Beiträge
    194

    AW: divs ausrichten

    @mikdoe

    Du könntest es bspw. so machen:

    (hier hat der Body eine Breite von 800px was die komische %-Angabe erklärt ^^)
    Code:
    #links {
        position: relative;
        float: left;
        top: 0;
        left: 0;
        height: 50px;
        width: 79.75%;
        border: 1px solid #000;
        margin: 2px;
    }
    
    #rechts {
        position: relative;
        float: right;
        top: 0;
        right: 0;
        height: 50px;
        width: 150px;
        border: 1px solid #000;
        margin: 2px;
    }
    Mit dem HTML (ohne den Rest wie html/body)

    HTML-Code:
    <div id="links">links</div>
    <div id="rechts">rechts</div>
    Aber warum den einen rechts floaten? Einfacher wäre es doch, beide auf links zu drehen und dann die Breiten absolut zuzuweisen. Bspw. so:

    Code:
    #links {
        position: relative;
        float: left;
        top: 0;
        left: 0;
        height: 50px;
        width: 500px;
        border: 1px solid #000;
        margin: 2px;
    }
    
    #rechts {
        position: relative;
        float: left;
        top: 0;
        right: 0;
        height: 50px;
        width: 150px;
        border: 1px solid #000;
        margin: 2px;
    }
    wenn das Elternelement (vielleicht der Body) eine Breite von ~ 660px hat.
    Geändert von dertypdernixkan (07-07-2013 um 04:26 Uhr) Grund: what vergessen

  7. #7
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.755

    AW: divs ausrichten

    Im Moment bin ich mit der Tabellenlösung zufrieden.
    Mal schauen, ob das so bleibt, wenn Content dazu kommt.
    Danke euch.

Ähnliche Themen

  1. zwei DIVs im Mutter-DIV richtig ausrichten
    Von ballibum im Forum CSS und (X)HTML
    Antworten: 2
    Letzter Beitrag: 04-04-2013, 10:13
  2. 2 DIVs nebeneinander ausrichten
    Von petz_e im Forum CSS und (X)HTML
    Antworten: 4
    Letzter Beitrag: 12-03-2008, 12:31
  3. anzahl von divs innerhalb eines divs ermitteln
    Von ToM80 im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 14-08-2007, 12:38
  4. Datumsanzeige ausrichten (document.write ausrichten)
    Von neuroscientist im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 15-10-2006, 23:13
  5. <div> and <div> ausrichten
    Von Net_HAns im Forum CSS und (X)HTML
    Antworten: 3
    Letzter Beitrag: 18-07-2005, 20:19

Lesezeichen

Berechtigungen

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