[thelist] simple float in Moz/Netscape
Mark Groen
mark at markgroen.com
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 !
>
More information about the thelist
mailing list