2 Div Tags, per CSS nebeneinander darstellen, und nicht unterienander

html.de-Forum HTML, XHTML & CSS
1

Hallo, ich habe ein mir einen Header erstellt, aus 2 Bildern.

Einmal ein Logo, und einmal ein Text.

So, jetzt will ich die beiden Bilder, in Div-Tags verpacken, und zwar mit

[CODE]#header_logo {
background-image: url(Test/header1.png);
background-repeat: no-repeat;
}

#header_name {
background-image: url(Test/header2.png);
background-repeat: no-repeat;
}[/CODE]

aber wenn ich dann im Html dokument

[HTML]

[/HTML]

eingebe, dann werden die beiden Sachen untereinander dargestellt, und nicht wie ich möchte, das die beiden Hintergrundbilder nebeneinander dargestellt werden.

wer kann mir da weiter helfen?

2

mit margin positioniren wäre eine möglichkeit … würde aber vorher noch ienen container drum legen, damit es auch zentriert ist

3

mit margin schon probiert, klappt nicht.

4

so müsste es gehen [PHP]div#container {
margin:0px auto;
}
#logo {
background:url(„Test/header1.png“) no-repeat 0 0;
float:left;
margin:0px 0px;
}
#head {
background:url(„Test/header2.png“) no-repeat 0 0;
float:right;
margin:0px 0px; // den 2. wert ggf. anpassen
}[/PHP]
und dann halt [PHP]

[/PHP]

5

ne klappt auch net

6

poste mal deinen gesamten css code … was wird bei meinem code angezeigt? du musst für die bilder noch width und height dazu fügen …

7

hier der CSS code:

[PHP]@charset „utf-8“;
/* CSS Document */

#header_cont {
width: 1200px;
height: 100px;

}
#header_logo {
background-image: url(Test/header1.png);
background-repeat: no-repeat;
height: 97px;
margin-right: 700px;
width: 100px;
margin-top: 0px;
margin-left: 500px;

}
#header_name {
background-image: url(Test/header3.png);
background-repeat: no-repeat;
margin-top: 0px;
margin-right: 600px;
margin-left: 600px;
height: 31px;
width: 462px;

}
[/PHP]

8

Hallo.

Benutzte die Eigenschaft float in CSS um Elemente nebeneinander zu stellen.
Hier nachzulesen.

Gruss
Elroy