divs ausrichten

[mikdoe]

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?

 

[dkdenz]

Intensivstation / html5 float / Template 3

 

[mikdoe]

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

 

[dkdenz]

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

 

[bine]

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.

 

[dertypdernixkan]

@mikdoe

Du könntest es bspw. so machen:

(hier hat der Body eine Breite von 800px was die komische %-Angabe erklärt ^^)

#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)

<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:

#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.

 

[mikdoe]

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