Question

I have tried to introduce myself into tableless layouts using divs. A first try was the inner content of this (german) page:

http://bit.ly/RnSdGP (Shorturl, because it is a test site not intended to show up in search engines)

Generally, this works perfectly! But now I wanted to set the height of the list on the height dynamically. I found out, that this only works using jQuery. My first approach was the following snippet:

$(window).load(function() {     
        $(".scrollBox").height($(".gameInfo").height());    
    });

In general, the snippet does what it says. But it does even more! It moves the part (div with class “texts”) with the windows icons and the text below the whole box. Why? Without the script, the layout is fine, but the point that the scrollbox is not being resized to the right content 🙂

I can set the height to 2000 in the script, but the result is that the texts-field is moved down below the whole box.

Maybe someone can see what I’m doing wrong, thanks in advance 🙂

Greets

Marco

Answer 1

Try to set in css

vertical-align: top;

for both containers. Could fix it

PS: Dein halber Beitrag ist in Englisch, der andere in Deutsch