<div>
When I click on the orange names all I get is a fatal server error.<br />
<br />
Cd&amp;
</div>


When I click on the orange names all I get is a fatal server error.

Cd&

<div>
The other thing is, if you are going to use modern mobile technology, you might want to upgrade the 20th century code to something a little closer to current standards.<br />
<br />
Cd&amp;
</div>


The other thing is, if you are going to use modern mobile technology, you might want to upgrade the 20th century code to something a little closer to current standards.

Cd&

<div>
Well on my firefox everything is fine. Maybe you tell us what browser you're using, please.
</div>


Well on my firefox everything is fine. Maybe you tell us what browser you're using, please.

<div>
Found solution on my own by analyzing CSS code.
</div>


Found solution on my own by analyzing CSS code.

<div>
<div class="content wysiwyg-content">
This URL:<br />
<a href="http://gethcem.com/recent.asp" rel="ugc">http://gethcem.com/recent.asp</a><br />
<br />
Click any of the orange names on that screen. Then close the width of your browser to less than 35em to flip it into &quot;mobile mode&quot;. The logo is too tall. Here is the non-mobile CSS:<br />
<br />
#cemeterylogo{float:left;w<wbr />idth:326px<wbr />;text-alig<wbr />n:center;m<wbr />argin-top:<wbr />18px;margi<wbr />n-bottom:1<wbr />8px;}<br />
<br />
Here is the mobile CSS:<br />
<br />
#cemeterylogo{float:none;w<wbr />idth:100%;<wbr />height:aut<wbr />o;margin-t<wbr />op:0.5em;}<wbr /><br />
#cemeterylogoimg{width:80%<wbr />;height:au<wbr />to;}<br />
<br />
I don't understand why the container DIV is not expanded along with the logo. Here is the HTML:<br />
<br />
&lt;div id=&quot;cemeterylogo&quot;&gt;<br />
&lt;a href=&quot;default.asp&quot;&gt;&lt;img id=&quot;cemeterylogoimg&quot; src=&quot;15/cemetery-logo.jpg&quot;<wbr /> border=&quot;0&quot; /&gt;&lt;/a&gt;<br />
&lt;/div&gt;<br />
<br />
Would appreciate any advice. Thank you!
</div>
</div>


This URL:
http://gethcem.com/recent.asp

Click any of the orange names on that screen. Then close the width of your browser to less than 35em to flip it into "mobile mode". The logo is too tall. Here is the non-mobile CSS:

#cemeterylogo{float:left;width:326px;text-align:center;margin-top:18px;margin-bottom:18px;}

Here is the mobile CSS:

#cemeterylogo{float:none;width:100%;height:auto;margin-top:0.5em;}
#cemeterylogoimg{width:80%;height:auto;}

I don't understand why the container DIV is not expanded along with the logo. Here is the HTML:

<div id="cemeterylogo">
<a href="default.asp"><img id="cemeterylogoimg" src="15/cemetery-logo.jpg" border="0" /></a>
</div>

Would appreciate any advice. Thank you!

Problem styling image to fit in DIV for mobile devices

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.