tad1073 |
Jun 18, 2013 10:36 AM |
[SOLVED] Divs
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:
<div align="left" id="iF1" width="640">
<iframe style="border: 0px none transparent;" src="http://www.ustream.tv/embed/798935" height="360" width="640" frameborder="1" scrolling="no" align="middle"></iframe>
</div>
<div align="right" id="iF2" width="320">
<iframe style="border: 0px none transparent;" src="http://www.ustream.tv/socialstream/798935" height="360" width="325" frameborder="1" scrolling="no"></iframe>
</div>
|
and my css:
Quote:
#iF1 {
float: left;
width: 66%;
margin-bottom: 10px;
}
#iF2 {
float: right;
width: 33%;
margin-bottom: 10px;
}
|
|