[SOLVED] Divs

tad1073 · #1 Jun 18, 2013, 11:36 AM

I need to make these two element line up side by side but as you can see, the right side is correct but the left side seems to align to left-center, any ideas?

Never mind the cert. warning, I generated my own.

Code:

#LS-container {
    display: inline-block;
    width:100%;
    height:330px;
}

  #row  {
    display: inline-block;
    height: 330px;
}

  #left {
    display: inline-block;
    height: 330px;
    padding: 5px;
}
  #right {
    display: inline-block;
    height: 330px;
    padding: 5px;
}

Code:

<div id="LS-container">
<div id="row">
<div id="left" div align="left">
<iframe style="border: 0px none transparent;" src="http://www.ustream.tv/embed/798935" 
height="337" width="599" frameborder="1" scrolling="no" align="middle"></iframe>
</div>
<div id="right" div align="right">
<iframe style="border: 0px none transparent;" src="http://www.ustream.tv/socialstream/798935" 
height="337" width="325" frameborder="1" scrolling="no"></iframe>
</div>
</div>

https://atadtek.dyndns.org/live-support/

Here is what I ended up with.

Quote:

and my css:

Quote:

#iF1 {
float: left;
width: 66%;
margin-bottom: 10px;
}
#iF2 {
float: right;
width: 33%;
margin-bottom: 10px;
}