Solved

aligning div

Posted on 2013-06-19
3
297 Views
Last Modified: 2013-06-22
hi,

I am trying to align the facebook div on www.piratescove.ie lined up with the slider, i have tried changing size of if but no luck ?
0
Comment
Question by:jonathanduane2010
3 Comments
 
LVL 10

Expert Comment

by:Sam Simon Nasser
ID: 39260753
are you using CMS (joomla, drupal, etc) or just static HTML?

if HTML, i would put the slidehsow and facebook in a table, with fixed heigth ... assume slideshow height is 300px, so make the facebook height 300px and the table height px is 300
0
 
LVL 9

Expert Comment

by:COANetwork
ID: 39260773
you are displaying the facebook widget in an i-frame.  You are probably changing the size parameters on the SRC URL of the i-frame, but that changes the size of the widget facebook returns to you, not the size of the i-frame itself.  plus the i-frame is in a DIV, which also has it's own size.  you need to change the size of the DIV that hosts the i-frame.  
And probably change the alignment of the slider div.  This was soooo much simpler with tables! :)
0
 
LVL 42

Accepted Solution

by:
Chris Stanyon earned 435 total points
ID: 39261897
You have an empty <header> element in the left hand column that has a bottom margin - this is pushing the slider down:

<header class="entry-header"></header>
.entry-header { margin-bottom: 1.71429rem; } //line 969 of stylesheet.

Open in new window

You can either remove the <header>, remove the margin, or add a top padding to the secondary column:

#secondary { padding-top: 1.71429rem; }

Open in new window

Several different ways to do it :)
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Although it can be difficult to imagine, someday your child will have a career of his or her own. He or she will likely start a family, buy a home and start having their own children. So, while being a kid is still extremely important, it’s also …
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will learn how to count occurrences of each item in an array.

747 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now