Supportnet / Forum / Webseiten/HTML
CSS - Ausrichtung nebeneinander
Frage
Ich möchte zwei Elemente nebeneinander ausrichten. Hier der CSS-Code:
[i].logo {
position: relative;
height: 98px;
width: 200px;
left: 5px;
float: left;
}
.com {
position: relative;
height: 60px;
width: 468px;
left: 65px;
top: 19px;
border: 1px solid #000000;
}[/i]
Im Quelltext wird das so eingebunden:
[i]<div class="logo">GRAFIKDATEI</div>
<div class="com">GRAFIKDATEI</div>[/i]
Das Element COM soll also im Abstand von 65 Pixeln rechts neben dem Element LOGO dargestellt werden. Leider klappt das nur im IE einwandfrei. Im Firefox und Opera wird das Element COM mit einem Abstand von 65 Pixeln vom linken Bildschrimrand angezeigt, d.h. es überlagert das Element LOGO (Firefox) bzw. erscheint direkt daneben (Opera).
Wie muss ich das ändern, damit es möglichst browserübergreifend funktioniert?
Antwort 1 von rfb
.logo {
position: absolute;
height: 98px;
width: 200px;
left: 5px;
float: left;
}
.com {
position: absolute;
height: 60px;
width: 468px;
margin-top: 19px;
border: 1px solid #000;
left:265px;
}und
<div>
<div class="logo">GRAFIKDATEI logo</div>
<div class="com">GRAFIKDATEI com</div>
</div>könnte klappen