• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Mittiges Design - Bündiger Text mit Bild

nvidia

New member
Hallo,
ich möchte links oben das Logo der Website(ein Bild) haben und rechts oben die Anmeldeform.
Darunter hab ich ein Bild, das ich mit <center> in der Mitte des Bildschirm positionieren möchte, es
hat die volle Breite der verwendeten Fläche, also 960px.
Jetzt möchte, dass das das Logo bündig links anliegt, sowie die Anmeldeform bündig rechts.
Aber ich hab das Gefühle ich muss das irgentwie anderes machen, wie krieg ich das hin?
gruß nvidia
 
Das mit dem <center> hat ja schon 'nen Bart...

Wie gut sind Deine CSS-Kenntnisse?

Grob umschrieben würde ich folgendes vorschlagen:
Container mit 960px mit margin:0 auto zentrieren.
Das Bild als Hintergrundbild via CSS reinbauen (center center).
Das Bild rein (hängt automatisch oben links), um das Form ein Div legen und mit float:right positionieren.

Wie's dann weitergeht, hängt dann allerdings von Deinen Fähigkeiten ab...
 
hm also irgentwie streikt bei mir das css, es bewegt sich einfach nicht, ich zeigs euch hier mal:
Code:
.floatingheader {
    margin-left: auto;
    margin-right: auto;
    width:960px;
	height:80px;
}
.loginlabel {
	float:right;
}
.bild {
	margin:auto;
	width:960px;
}

<div class="floatingheader">
    <div class="logo">
    </div>
    <div class="loginlabel">
    </div>
</div>
<div class="bild">
</div>
ok das ging nun, aber das ding floatet immer noch nicht nach rechts?
gruß nvidia
//Edit ok habs hinbekommen, es lag an einem table der noch drin war, jetzt gehts.
 
Zuletzt bearbeitet:
Zurück
Oben