Solved

Div area dropped down below left column

Posted on 2011-03-21
12
208 Views
Last Modified: 2012-05-11
I added some videos and it seem that the videos on the left is causing the middle content area to drop down.
can some one look at this and give me an idea of what is wrong and how I can correct this?

http://www.belezamedicalspa.com/spa-services/medical-spa/redefine/smart_lipo_austin/

Thank you.
0
Comment
Question by:jbrashear72
  • 6
  • 3
  • 3
12 Comments
 
LVL 9

Expert Comment

by:CCSOFlag
ID: 35184641
remove the bolded css below:

.three-column-content-specials {
  border-right: 1px solid #EEEEEE;
 clear: both;
  float: right;
 margin-right: -20px;
  margin-top: -960px;

  padding-right: 15px;
  width: 335px;
}

.entry-content, .entry-summary {
 clear: both;
  padding: 12px 0 0;
}
0
 
LVL 3

Author Comment

by:jbrashear72
ID: 35184684
remove all the code you added?
0
 
LVL 9

Expert Comment

by:CCSOFlag
ID: 35184689
no, the code above that is in bold, remove it from your css files.  LEave the non-bold stuff.
0
 
LVL 3

Author Comment

by:jbrashear72
ID: 35184708
gotcha
0
 
LVL 1

Expert Comment

by:GamesNET2
ID: 35184710
on your div class= .three-column-content-specials
change clear: both to clear: none

That'll fix it.
0
 
LVL 9

Expert Comment

by:CCSOFlag
ID: 35184723
on your div class= .three-column-content-specials
change clear: both to clear: none

there is no point in having clear: none;  that's default for an element.  Thus it should be removed, otherwise you are taking up unnecessary space in your css files.
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 3

Author Comment

by:jbrashear72
ID: 35184737
sorry, noob hre. what stylesheet was that in? I dont see it in styles.css
0
 
LVL 1

Expert Comment

by:GamesNET2
ID: 35184776
CCSO - Thought it'd make sense to just remove clear: both so as not to break anything that uses the entry class.
jbra - smart lipo austin #4 is the stylesheet
0
 
LVL 9

Accepted Solution

by:
CCSOFlag earned 500 total points
ID: 35184790
it's actually an inline style on your page.  Check line 324 or somewhere around there...
0
 
LVL 9

Expert Comment

by:CCSOFlag
ID: 35184803
just an FYI, not sure who built the page, but your styles should be in the <head> tag not within the body tag.
0
 
LVL 9

Expert Comment

by:CCSOFlag
ID: 35184819
Thought it'd make sense to just remove clear: both so as not to break anything that uses the entry class.

Oh I gotcha.  You're just trying to override it.  I checked and I didn't see anything break.
0
 
LVL 1

Expert Comment

by:GamesNET2
ID: 35184853
jbra - smart lipo austin #4 is the stylesheet
That's what happens when I'm not thorough!

0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

911 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

19 Experts available now in Live!

Get 1:1 Help Now