Question

I am using jquery animate to change the size of a div when the content is loaded. This looks good when little bits of text are being loaded but not when a lot of text is being loaded. Is there a way to make them look the same?

For example: http://www.scotwebtech.co.uk

Click “our services” for lots of text and “portfolio” for a small amount of text.

Answer 1

this can be a solution:

use two wrappers for your content:

<div class='wrapper'>
    <div class='content'>
        content here...
    </div>
</div>

and stylesheets:

.wrapper {overflow:hidden;}
.content {width:473px (static width)}

now if you animate the width of wrapper it will look fine.