Results 1 to 8 of 8
  1. #1
    Join Date
    Jun 2009
    Posts
    13
    Plugin Contributions
    0

    Default My Cherry Zen site Shows Different in almost Every Major Browser..

    I'm using the Cherry Zen template as a basic template for almost all designs I do, but from time to time I get into some issues regarding placement of graphics that will not show correctly, which I usually am able to fix - but not this time, as most browsers (except Firefox and Internet Explorer 8!) will show it the bad way. Take a look at vaho.no - the lower wave in the footer area is the problem. The CSS that I use for placement is:
    Code:
    #bottom_illustration
    {
        background-image:url("../images/footer-bar.gif");
        background-repeat:no-repeat;
        color:#FFFFFF;
        height:52px;
        margin-top:-120px;
        margin-left:364px;
        position:absolute;
        width:950px;
    }
    I have also tried using position: relative; but with no exciting results..

    Anyone got any pointers I would appreciate it tremendously

    Also attaching what I get in the different Browsers:

    Firefox


    Internet Explorer 8


    Chrome 6.0.472.63


    Safari 4.0.4


    Internet Explorer 8 With Compatibillity View:


    Thanks for taking the time to read this cry for help

    Cheers,
    Surtsey

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Shows Different in almost Every Major Browser..

    From your source
    Code:
    <!-- end mainWrapper -->
    <div id="bottom_illustration">
    </div>
    Notice your added div "bottom_illustration" is outside of the mainWrapper...
    If moved so as contained within the mainWrapper you should not have the issue
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Aug 2008
    Posts
    244
    Plugin Contributions
    0

    Default Re: Shows Different in almost Every Major Browser..

    Remove the position:absolute commands, after you've done that.

  4. #4
    Join Date
    Jun 2009
    Posts
    13
    Plugin Contributions
    0

    Default Re: Shows Different in almost Every Major Browser..

    Hi and thanks for taking the time

    I tried this now, but I can not see any visible changes - thinking I done this the wrong way, since you guys obiously know what you're talking about

    I did move it within the MainWrapper div and so on, but same result. I also removed the position tag within the CSS code.

    Thanks for helping

    Cheers,
    Surtsey

  5. #5
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Shows Different in almost Every Major Browser..

    This is quite strange... you currently have the bottom image inside #contentMainWrapper, but #contentMainWrapper is after everything else on the page (and holds nothing else) instead of containing most of the page. Is that the way the template is built, or did you modify it?

  6. #6
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Shows Different in almost Every Major Browser..

    Now from your source
    Code:
    <!-- end mainWrapper -->
      <div id="contentMainWrapper">
        <div id="contentMainWrapperb">
          <div class="outer">
            <div class="inner">
              <div class="float-wrap">
                    <div id="bottom_illustration">
        </div>
    Still outside of the mainwrapper
    Zen-Venom Get Bitten

  7. #7
    Join Date
    Jun 2009
    Posts
    13
    Plugin Contributions
    0

    Default Re: My Cherry Zen site Shows Different in almost Every Major Browser..

    Sorry for not giving any feedback for this yet (I just fell off the earth there for a little while). But I'm happy to say that your advices worked and made all the difference for me. Thanks guys! :-D

    PROBLEM SOLVED!

    Cheers,
    Geir

  8. #8
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: My Cherry Zen site Shows Different in almost Every Major Browser..

    Glad it's working now:)

 

 

Similar Threads

  1. When using Winmerge it appears every file shows up as different
    By 1234go in forum Upgrading from 1.3.x to 1.3.9
    Replies: 16
    Last Post: 20 Nov 2014, 01:16 AM
  2. Problem With Site Width- Cherry Zen
    By jenzi in forum Addon Templates
    Replies: 14
    Last Post: 11 Mar 2010, 09:58 PM
  3. Cherry Zen EZ Pages not showing on site
    By SummerG in forum Addon Templates
    Replies: 1
    Last Post: 8 Nov 2007, 09:08 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg