forrest-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Robert Koberg" <>
Subject RE: css layout - mac IE
Date Sun, 17 Nov 2002 11:03:08 GMT
Hi Miles,

I just had a closer look at the layout/css. The problem is in the #search
defintition. If I comment out float:right then the content lays out properly in
mac IE. So if you use the techniques from the oreilly article you should be
fine. Perhaps something like:

.inline {disply:inline}

<div id="mainheader">
<!-- style attr for example only -->
  <div id="groupLogoCol" class="inline">
  <a id="grouplogolink" href=""><img
     id="grouplogo" src="images/group-logo.gif"
     width="220" height="65" alt="Group Logo"/></a>
  <span class="textonly"> - </span>
  <div id="projectLogoCol" class="inline">
  <a id="projectlogolink" href=""><img
     id="projectlogo" src="images/project-logo.gif"
     width="220" height="65" alt="Project Logo"/></a>
  <span class="textonly"> - </span>
  <div id="searchCol" class="inline">
  <div id="search">
    <div class="input"><input class="query" name="as_q" type="text"/> <input
type="submit" value="Search"/></div>
    <input type="hidden" name="as_sitesearch" value=""/>
    <div class="label">the Apache XML site</div>

if you need to check your tweaks, I will be here working most of the day.

Sorry about the em red-herring...


> -----Original Message-----
> From: Miles Elam []
> Sent: Saturday, November 16, 2002 7:01 PM
> To:
> Subject: Re: css layout - mac IE
> Robert Koberg wrote:
> >The fix is to not use 'em' for sizes in CSS. Use '%' and multiply the 'em'
> >values by 100.
> >
> The font values were already specified in percentages.  The ems were for
> nav widths, content margins, etc.  Percentage widths don't really apply
> in this case unfortunately.  What may end up happening is a Mac version
> that isn't quite so resilient to font sizing or with some noticeable
> layout differences.
> >Also, on usability, the left column nav is an accepted layout. But it is
> >accepted because it has become common. A right column nav is better
> for western
> >readers because the left column starts the content - easier on the eyes to
> >read - better usability.
> >
> How's this?
> In Mozilla or newer iterations of Netscape, select "View"->"Use
> Style"->"Nav on Right"
> For all other browsers, go to:
> They are the same XHTML.  Just different CSS.  I honestly have no
> opinion on the topic, but here are the candidates.
> --------------
> On the Mac IE 5 front, the article -- specifically the
> fake comment endings -- has been my game plan.  For some strange reason,
> it's quite difficult to debug Mac rendering issues when you don't own a
> Mac  ;-).  Unfortunately I haven't had access to my friends' Macs long
> enough to fix the problems yet.  :(
> - Miles

View raw message