Welcome to Geeklog, Anonymous Wednesday, November 27 2024 @ 01:37 am EST

Geeklog Forums

Apple Mac - Firefox/Safafi problem ???


Status: offline

drafty

Forum User
Junior
Registered: 09/05/07
Posts: 16
I'm working on a pre-production site, which is just about ready to launch. I had someone test it on a Mac today (running OSX 10) in Firefox, and Safari. They reported that the header pic comes up looking squashed with a blank page below............. and they have to scroll right to get the page contents, including left & right blocks. It worked OK in IE, but the header pic still looked squashed? Anyone have any ideas what the problem, or workaround solutions ?? Anyone with a mac can check this out below, any comments appreciated Many TIA Dave :banghead: :doh: http://www.idhsgb.com/web/
"Patience is never more important than when you're at the edge of losing it !!"
 Quote

Status: offline

geiss

Forum User
Full Member
Registered: 02/10/04
Posts: 176
Location:Boise, Idaho
Clearing the div prior to the content table fixed it for me in Firefox on PC (which was also showing the content pushed far right issue). In header.thtml, here's the code:

Text Formatted Code

...
<div>
<div id="headermenu">
   ........
</div>
</div>
<div style="clear: both;"/>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
...
 


Hope this helps!

Eric
Synergy - Stability - Style --- Visit us at glfusion.org
 Quote

Status: offline

Dirk

Site Admin
Admin
Registered: 01/12/02
Posts: 13073
Location:Stuttgart, Germany
Have you tried it with Firefox on Windows? I don't think the Mac version renders things differently.

FWIW, I see your header and a big white area. All your content is to the right of it (I have to scroll right to see it). The header pic looks fine to me. That's on FF on a Mac.

The W3C validator isn't too happy either. The most interesting errors should be the ones at the end - you seem to have made a mistake somewhere nesting tables and/or divs.

bye, Dirk
 Quote

drafty

Anonymous
Eric, this is my code starting from
Text Formatted Code
<body dir="{direction}">
  <div class="header-logobg-container-outer">
    <table width="100%" border="0" class="header-logobg-container-inner">
       <tr>
         <td class="header-logobg-left">
            <a href="{site_url}/"><img src="{site_logo}"" width="400" height="56" border="0"></a>
         </td>
         <td class="header-logobg-right">
            <span class="site-slogan">{site_slogan}</span>
         </td>
      </tr>
    </table>
  </div>
  <div>
    {glmenu}
  </div>
Should I put just before table width, or before Many thanks, Dave Dirk I haven't checked it with Windows/FF - but it sounds as if you are seeing the same as I reported. Have to look at tables/div's ...... but still on a learning curve here !!! :banghead:
 Quote

Status: offline

geiss

Forum User
Full Member
Registered: 02/10/04
Posts: 176
Location:Boise, Idaho
Put it after the glmenu div, like this:

Text Formatted Code

<div>
    {glmenu}
</div>
<div style="clear:both;" />
 


Hope this helps!

Eric
Synergy - Stability - Style --- Visit us at glfusion.org
 Quote

Status: offline

drafty

Forum User
Junior
Registered: 09/05/07
Posts: 16
happy
Eric
VERY MANY THANKS. This has solved it Big Grin

Dave

Spose I'd better start looking at the W3C issues now !!!!!!!! Confused
Thanks for letting me know, Dirk
"Patience is never more important than when you're at the edge of losing it !!"
 Quote

All times are EST. The time is now 01:37 am.

  • Normal Topic
  • Sticky Topic
  • Locked Topic
  • New Post
  • Sticky Topic W/ New Post
  • Locked Topic W/ New Post
  •  View Anonymous Posts
  •  Able to post
  •  Filtered HTML Allowed
  •  Censored Content