Solved

Div area dropped down below left column

Posted on 2011-03-21
12
210 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
Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
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
 
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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying 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

Suggested Solutions

Title # Comments Views Activity
CSS: Making responsive table look nicer 7 31
Why a span is lower 2 26
Make options hidden and show just option that is on 1 29
Media Queries  not Firing 6 17
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

856 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