[html/css]Line break na na een embed

[martin149]

ik heb op mijn site jwplayer staam, maar na de player wordt de regel afgebroken, maar met een displat:?? is het niet te verhelpen, de menubutton gaat toch naar de volgende regel. Heb al gezocht, maar zo niks kunnen vinden. Hieronder de relevante code:

HTML:

<div id="menuwrap">
        <div id="player"></div>
        <script type='text/javascript'>
          var so = new SWFObject('player.swf','ply','85','30','9','#000000');
          (...)
          so.write('player');
        </script>
        <div id="menu">
            <ul>
                <li><a href="content.html" class="ajax">Ga</a></li>
            </ul>
        </div>
    </div>

Cascading Stylesheet:

#menuwrap {
height: 30px;
line-height: 30px;
background: #3E92EA url('bar.png') repeat-x;
}
#menu {
margin: 0 auto;
width:200px;
}
#menu ul {
list-style-type: none;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
color: #000; /*eee*/
padding: 0 10px;
text-decoration: none;
font-weight: 600;
}
#menu ul li a:hover {
color: #fff;
text-decoration: underline;
}

[Flowmo]

Wat wil je nou precies dan? De player en de button naast elkaar? Div's zijn block level elementen, dus die vullen altijd de volledige breedte van hun container op.

Hiervoor kan je twee dingen doen:

• De player en menu floaten, player left, menu right.
• De #player en #menu div's op display:inline zetten, dan moeten ze ook naast elkaar komen te staan, maar dat hangt af van de breedte van de player.

[martin149]

Menu moet in het midden komen. Inline geprobeert, maar lijkt niet te helpen, en de breedte is 85...

EDIT: het werkt al, was een van de floats vergeten;)

[ Voor 22% gewijzigd door martin149 op 02-03-2011 20:43 ]

[Bosmonster]

Detail trouwens: je gebruikt een antieke versie van SWFObject

http://code.google.com/p/swfobject/