[Last Call] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 139
  • Last Modified:

border not showing after complete slide

Ive been working on a simple slidedown issue where if I have a div inside a div and use slideDown then the border only shows during the animation:-

For example:-
http://jsfiddle.net/5vjsA/

I know the issue is with the following line:-
#testContainer * { float: left; }

However I more problems with removing this line as then the height of the div doesnt update with ajax requests later.

Anyone hae any ideas how I can keep the float:left, but keep the border?

Thanks in advance
0
tonelm54
Asked:
tonelm54
  • 3
1 Solution
 
MrunalCommented:
Hi

check this:
http://jsfiddle.net/5vjsA/1/

This is because of you are adding div inside div.
0
 
tonelm54Author Commented:
Unfortantly the way I need it to work is to automatically resize to the correct size, as the DIVs are created dynamically by ajax requests. When I put another div into the parent it draws borders on both divs.

So for example:-
http://jsfiddle.net/5vjsA/2/

Sorry, I didnt explain myself properly :-(
0
 
tonelm54Author Commented:
so in other words:-
http://jsfiddle.net/5vjsA/3/
0
 
Scott Fell, EE MVEDeveloperCommented:
Maybe it is me, but I am confused as to what you want to end up with.   Can you update your  fiddle as a static html without the jquery and show us what you want to end up with.
0
 
tonelm54Author Commented:
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

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

  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now