Solved

aligning div

Posted on 2013-06-19
3
306 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 43

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

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
This video teaches users how to migrate an existing Wordpress website to a new domain.
The viewer will learn how to count occurrences of each item in an array.

828 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