Why does the image overlap the DIV?

1

http://www.webdeveloperwannabe.com/index_cssTest.php

How can I make the thumbnail do NOT overlap the DIV? im going hairless with this! haha

2

Ignoring your Javascript issue, change your div#content in tagsTemp.css to look like this (you needed to add height):

div#content .tutorial {
background-color:#FFFFCC;
border-bottom:1px solid #CCCCCC;
height:175px;
margin-top:15px;
vertical-align:middle;
}

3

javascript issue? do you see a javascript error?

im using IE7 and i dont get one.

4

why do you have <a></a> tags wrapping around a div?

you shouldn’t need to define the height of the image if you set your div structure up properly:

<div class=“tutorial”>
<div class=“thumbnail”><img src=“thumbnail.jpg”/></div>
<div class=“content”>
<a href=“link”></a>
<p>Lorem ipsum… </p>
</div>
<div class=“clear_both”></div> [COLOR=Red]*EDIT: D’OH! Forgot to clear the floats yO![/COLOR]
</div>

.thumbnail and .content would be floated left and right, respectively

5

document.getElementById("_ytplayer_vjVQa1PpcFOlyb5lGF5FTCgd9TtdoXXhKk8iNWK4eZs=").innerHTML = “<a href=‘http://www.youtube.com/browse’>Watch the latest videos on YouTube.com</a>”;

div has no properties. Your script is attempting to get the id of the div before it’s loaded. It’s the youtube js by the way. I would change this:


__ytPlayerReadyCheck_1213639959();

to this:


window.onload = __ytPlayerReadyCheck_1213639959();