Bild und Video nebeneinander (div,float)

[lska]

Bei mir werden die nur untereinander angezeigt

<div id='video'>  
<video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered"  
  controls preload="auto" width="600" height="338"  
  poster="Ressources/poster.png"  
  data-setup='{"example_option":true}'>  
 <source src="Ressources/video.mp4" type='video/mp4' />  
 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />  
      <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' /> -->  
</video>  
<div id='Text'>  
<img src="Ressources/poster.png" alt="Poster" width="50">  
</div>

#video {  
margin-left:50;  
margin-top:130;  
width:600px;  
float:left;  
}  
#Text {  
width:50px;  
float:right;  
}

[lska]

Bei mir werden die nur untereinander angezeigt

<div id='video'>

<video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered"
  controls preload="auto" width="600" height="338"
  poster="Ressources/poster.png"
  data-setup='{"example_option":true}'>
<source src="Ressources/video.mp4" type='video/mp4' />
<!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
      <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' /> -->
</video>
</div>
<div id='Text'>
<img src="Ressources/poster.png" alt="Poster" width="50">
</div>

>   
> ~~~css

#video {  

> margin-left:50;  
> margin-top:130;  
> width:600px;  
> float:left;  
> }  
> #Text {  
> width:50px;  
> float:right;  
> }

hab ein </div> vergessen nach </video>. Geht aber immer noch nicht

[Gunnar Bittersmann]

@@lska:

nuqneH

hab ein </div> vergessen nach </video>. Geht aber immer noch nicht

Lass mal sehen. Online-Beispiel, nicht nur Codefetzen.

Qapla'

[ChrisB]

Hi,

Bei mir werden die nur untereinander angezeigt

Das ist normal, wenn du das erste Element nach links und das zweite nach rechts floatest.

Entweder Reihen folge im Quellcode ändern, oder zweites Element nicht floaten, sondern bspw. als inline(-block) Element über text-align nach rechts ausrichten.

MfG ChrisB

[Gunnar Bittersmann]

@@ChrisB:

nuqneH

Bei mir werden die nur untereinander angezeigt

Das ist normal, wenn du das erste Element nach links und das zweite nach rechts floatest.

Oh, der ChrisB ist im Wochenende. Wen lässt er unter seinem Namen hier schreiben?

Ein links und ein rechts gefloatetes Element stehen natürlich nebeneinander, wenn es die Breite zulässt.

Qapla'