really frustated

[MySchizoBuddy]

I cannot make this crap work. Its really pissing me off. look at the image below
.

.
.
I want that black on the right to extend all the way down. BUt it end the moment the text ends. The code I have is this

Code: Select all

<div style="background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); height: 100%;">
<img width="450" height="443" align="left" src="/tlb/uploads/Image/07_2.jpg" alt="" />
blah blah
</div>

Can anyone tell me how to get ride of that white area on the right side of the pic. I don't want to a fixed height cause then increasing font size messes it up.

[garvinhicking]

Try:

Code: Select all

<div style="background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); height: 100%;">
<img width="450" height="443" align="left" src="/tlb/uploads/Image/07_2.jpg" alt="" />
blah blah
<br style="clear: both" />
</div>

Regards,
Garvin

[judebert]

I tried the original in FireFox, and it worked as expected. Is it possible other CSS is effecting this div, or that this is IE-specific?

[MySchizoBuddy]

Try:

Code: Select all

<div style="background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); height: 100%;">
<img width="450" height="443" align="left" src="/tlb/uploads/Image/07_2.jpg" alt="" />
blah blah
<br style="clear: both" />
</div>

Regards,
Garvin

worked.

judebaert. the original works for me in IE but note firefox :S
now it is working. the float wasn't clearned properly.