drei DIV-Boxen nebeneinander

[Benutzer-1170]

Hallo,

ich baue gerade an einer neuen Bereicherung für das Internet und habe ein paar Probleme mit CSS.

1. Der Kopf besteht aus drei DIV-Boxen (Logo, Hintergrundgrafik mit Suche, Grafik). Diese sollen nebeneinander stehen. Leider wird die letzte Grafik nicht hinten angesetzt, obwohl ich mit "margin-left" den Abstand angegeben habe.
2. Die Suche oben rechts in der zweiten Box möchte ich gerne unten rechts haben.


Könnt ihr mir helfen? Danke!

 

[strolch00]

Um das WMF Bild mit daneben zu bekommen must Du ".head_rezeptsuche" auch ein

float: left;

geben. Und wenn Du das input Feld und Submit Feld in ein Form Tag einschließt wie es sein müsste, dann kannst Du dem Form ein

margin-top: xxxpx;

geben um es runter zu bekommen. Als CSS Adressierung müsste dann entweder

.head_rezeptsuche form { }

oder

.head_rezeptsuche form.classexxx { }

gehen, dabei classexxx mit einer einer css Klasse Deiner Wahl ersetzen z.B.

class="Reszeptsuche"

 

[Benutzer-1170]

Um das WMF Bild mit daneben zu bekommen must Du ".head_rezeptsuche" auch ein

float: left;

geben.

Das habe ich bereits probiert, fruchtet aber leider nicht.

 

[QuArK007]

Darf ich dir noch einen Tip geben? Mach die Box um die Menüelemente etwas größer als die Schrift breit ist... sieht so alles sehr gequetscht aus.

Ich gehe davon aus, da es jetzt richtig aussieht, dass du es alleine hinbekommen hast. Im Endeffekt hätte es auch gereicht mit der Größe der Boxen zu spielen! Wenn die alle float: left; sind dann sollten die alle nebeneinander stehen, wenn sie nicht zu breit für die umgebende Box sind!