[thelist] simple float in Moz/Netscape

Mon Aug 18 01:11:35 CDT 2003

Well, it is a simple float but you've got a case of divitis and
classitis going on a little bit. Getting rid of a bit of redundant CSS,
we end up with 3 declarations instead of 5:

<style type="text/css">
body
{
  margin: 0px;
  padding: 0px;
  background-color: #fff;
  font-family: georgia, verdana, arial, sans-serif;
  font-size: 100%;
  color: #000;
}
.entryphoto {
position:relative;
float: left;
margin: 0px;}
.entryphotoexif
{
  font-family: verdana;
  background-color: #fff;
  font-size: 80%;
 text-align: left;
 line-height:150%;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
 position:relative;
 float: left; width: 200px; margin-top:0px; margin-left:0px; padding:
8px 10px 10px 16px;
 list-style-type:none;
}
</style>
</head>

Then in your body you've got divs everywhere when exactly zero are
needed, change to this, (it's not perfect, you may want to tweak a pixel
here or there):

<body>
  <img class="entryphoto" alt="DSCN0143.jpg" src="DSCN0143.jpg"
width="320" height="240" />
  <ul class="entryphotoexif">
   <li><b>Date:</b> July 29th, 2003</li>
   <li><b>Location:</b> Fort King George, Scarborough, Tobago</li>
   <li><b>Aperture:</b> 3.5</li>
   <li><b>Shutter:</b> 1/500</li>
   </ul>
</body>
</html>

HTH!

Regards,

          Mark Groen

MG Web Services
Web Site Hosting and Development
www.markgroen.com
mark at markgroen.com
604-780-6917
Bowen Island, Canada
----- Original Message -----
From: "Marc Seyon" <seyon at delime.com>
To: <thelist at lists.evolt.org>
Sent: August 17, 2003 9:23 PM
Subject: [thelist] simple float in Moz/Netscape

> Listers,
>
> Could someone be so kind as to help me figure out what I've mucked up
here.
> http://milsweb.f2o.org/testing/float.html
>
> It looks as it should in IE/Opera browsers but Moz won't place the
text box
> to the right of the image.
>
> Thanks.
> -marc
>
> --
> Carnival 2003 in all its photographic glory. Playyuhself.com
> http://www.playyuhself.com/
> --
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
>
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !
>