2 bilder im css nebeneinander
funk
- css
hallo,
ich bin gerade dabei eine ziemlich fies ge-table-te webseite
in css nachzubauen. soweit auch alles supi, css ist toll...nur
eine sache kapier ich nicht:
ich hab in der kopfzeile zwei bilder nebeneinander: das eine mit
float:left ganz links. das andere soll ganz rechts sein (im noch
980px breiten layout...nicht steinigen, das wird noch variabl"er").
hat auch alles zuerst geklappt.
dann hab ich dem linken bild ein border-right gegeben, da das layout
der seite die ich nachbau das so gefordert hat....allerdings ist
der rand rechts ja dann nur so hoch wie das bild, sollte aber weiter
nach unten herausragen um da an eine border anzustossen.
also hab ich das linke bild in eine <div> gepackt und dieser dann
einen rand gegeben. jetzt sitzt das rechte bild nur nicht mehr daneben!
wie bekomm ich das wieder da hoch?
danke schon mal für eure antworten!
gruß funk
ps: hab mal die URK der so-sollte-es-aussehen-seite oben eingetragen
code:
<style type="text/css"><!--
html {height:100%;}
body {
height:100%;
width:980px;
margin:8px auto 0px 8px;
padding:0%;
}
#Kopfzeile {
height:101px;
border-bottom:6px solid #f90;
}
//--></style>
<title>Multimediapraktikum</title>
</head>
<body>
<div id="Kopfzeile">
<div style="height:100%;width:228px;border-right:6px solid #f90">
<img src="images/ut.gif" style="float:left;width:220px;height:80px;margin:8px 0px;padding:0px 8px 0px 0px" alt="Logo Universitaet Tuebingen">
</div>
<img src="images/mmp.gif" style="float:right;width:600px;height:80px;margin:8px 0px" alt="Logo Multimediapraktikum">
</div>
Hi,
also hab ich das linke bild in eine <div> gepackt und dieser dann
einen rand gegeben. jetzt sitzt das rechte bild nur nicht mehr daneben!
Kann es ja auch nicht - das Div erzeugt nach wie vor einen Umbruch, also *muss* das Bild darunter platziert werden.
Floate nicht das Bild im Div, sondern das Div.
MfG ChrisB
Hey ChrisB,
danke für deine schnelle Hilfe!! Jetzt passt es! ;)
Jetzt muss ich das ganze nur noch im Typo3 verwurschteln...
Gruß
funk