✔ Div's nebeneinander anordnen

[chickenwings]

Hallo,

habe ein Problem mit zwei div's. ich möchte diese nebeneinander anordnen. Mit dem was ich habe erscheinen diese aber übereinander:

#logo {
	width: 1000px;
	height: 63px;
	padding: 0;
	background-color: #00CCFF;
	border:1px solid black;
}

#bildlogo
{
	margin-top:0px;
	margin-left:0px;
	width: 280px;
	border:1px solid black;
}

#datum
{
	margin-left:400px;
	border:1px solid black;
}

in der HTML-Seite:

<div id="logo">
	<div id="datum">Dienstag</div>
	<div id="bildlogo"><img src="img/logo_immonet.gif" border="0"></div>
</div>

Was kann ich da tun?

gruss
chickenwings

 

[Stoffelchen]

füg' in deine css Datei einfach noch die Zeilen position: absolute; und left: xxx;:

#logo {
	width: 1000px;
	height: 63px;
	padding: 0;
	background-color: #00CCFF;
	border:1px solid black;
}

#datum
{
        position: absolute;
        left: 400px;
	border:1px solid black;
}

#bildlogo
{
        position: absolute;
	width: 280px;
	border:1px solid black;
}

statt margin ein

 

[Maik]

Alternativ zur absoluten Positionierung lassen sich die DIVs auch mit der float-Eigenschaft nebeneinander anordnen:

#logo {
        width: 1000px;
        height: 63px;
        padding: 0;
        background-color: #00CCFF;
        border:1px solid black;
}

#bildlogo
{
        margin-top:0px;
        margin-left:0px;
        width: 280px;
        border:1px solid black;
}

#datum
{
        float: left;
        margin-left:400px !important;
        margin-left: 200px; /* Für IE */
        border:1px solid black;
}