0

Hi to all, I have the following problem, I have a div that includes a pictures and texts, if you put the following code in a html, and see the result, you can notice that in IE the text is displayed inside the DIV, in Firefox you can see the text is outside the DIV, this happens if the picture in the DIV is bigger(you can see attached picture)

<Div id="MyDiv" style="height:250px; width:375px;border:1px #048ab6 solid; background:#f7f7f7">  
<center>
    <br />
    <img src="Warning.png" />
	Title
    <br />
    <img src="pagerror.gif" />
    <br /><br /><br />
    text text text text text text text text text text text text text text text text
    <br /><br /><br />
</center>
</Div>

Why is mozilla browser is different? And How I can fix this?
Thanks in advanced

Attachments pagerror.gif 3.99 KB problem.JPG 26.99 KB Warning.png 1.29 KB
2
Contributors
2
Replies
3
Views
7 Years
Discussion Span
Last Post by Potato.Head
0

Try something like this:

<div style="width: 375px; max-width : 376px; height : 250px; max-height : 251px;"><div style="border : 1px solid #048ab6; overflow: hidden; background-color : #f7f7f7"><img src="Warning.png" style="border : none; margin : 0 auto 1em auto; display: block;" alt="test pic">
<img src="pagerror.png" style="border : none; margin : 0 auto 1em auto; display: block;" alt="test pic">
text text text text text text text text text text text text</div></div>
This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.