Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

[SOLVED] Divs


  #1  
Old Jun 18, 2013, 10:36 AM
tad1073's Avatar
tad1073
 
19 posts · Jun 2013
Powder Springs, Ga
Send a message via Skype™ to tad1073
[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;
}

Last edited by tad1073; Jun 18, 2013 at 11:41 PM. Reason: Solved

All times are GMT -6. The time now is 02:29 PM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.