277397 - Border Style property not fully rendered

Status: RESOLVED INVALID

(Firefox :: General, defect)

Description

[Matt Verstarete]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0

When using the style="border: solid" attrubite in the <div> tag witth an image
larger then your current screen resolution (in my case an image width of 900 and
screen resolution of 800*600) the border is not full drawn. The border will be
drawen to the edge of the screen and then stop, if I increass my screen
resolotion to a higher setting then the image the boarder is compleatly drawn.

Reproducible: Always

Steps to Reproduce:
1. Creat an XHTML 1.0 doc with the following lines in the body
<div id="layer1" style="border: solid">
<img src="images/image.jpg" width="900" height="160" alt="" />
</div>
2. View the page with a screen resolution of 800 * 600
Actual Results:  
The border was not fully drawn around the image.

Expected Results:  
The image should have been fully surrounded by a solid border

Comment 1

[Oliver Klee]

Over to CSS.

Comment 2

[Peter van der Woude [:Peter6]]

<div id="layer1" style="border:solid;width:900;height:160px">
<img src="images/image.jpg" style="width:900;height:160px" alt="" />
</div>

fixes it.

The <div> width is assumed 100% of your screenwidth if you do not define it.
If your screen is smaller than the image the right border will be "under" the image.

INVA ?

Comment 3

[Matt Verstarete]

Yes, after adding a bit more definition to the div tag I did get it to go all
away around the image. But I never saw the rest of the board "under" the imag
eas you described. It simply dissapeared, but IMHO I do not tink it should be
dissapearing but that it should wrap around the image/content of the div.

Comment 4

[Peter van der Woude [:Peter6]]

I don't know how the div should behave acc W3C (couldn't find it).
I agree that it would be nice if it would just wrap around the defined content
though.