Website designers... need help!

13 replies
  • WEB DESIGN
  • |
I was wondering if anyone can help solve my little problem.

I'm using 90secondwebsite to design my site and it's basically done. The only problem is that it doesn't look the same in Firefox as it does in IE. When I preview it in 90secondwebsite, it looks the same as it does in IE after I publish it. The problem is the spacing between my main text and two or three of my headlines.

For example, in firefox, it looks like this:

This is my main text where I sell my product. Continue talking about benefits and how my strategies are going to solve your problems.

My Main headline is here.

Main text continues here and spacing is just like what is seen here.

Now here's what the same thing looks like in IE:

This is my main text where I sell my product. Continue talking about benefits and how my strategies are going to solve your problems.








My Main headline is here.


Main text continues here and spacing is just like what is seen here.

As you can see the spacing between my headline and text is way too much on IE. Strangely enough, this only happens on the first two to three headlines in my copy. The rest is fine in both browsers.

I've tried just about everything I could to fix it and I'm stumped! Contacted 90second's tech support and they said I just have to play around with it.

Is anyone here familiar with this problem? Would really appreciate the help!!

Thanks
#designers #website
  • Profile picture of the author JackTheLad
    If you could post the code, I'll be able to give you a hand.

    I assume your code is something like this...

    <p>text here</p>
    <h1>HEADING HERE</h1>

    ... but it's hard to give advice if I can't see what's happening under the bonnet.
    {{ DiscussionBoard.errors[675478].message }}
    • Profile picture of the author Christophe Young
      Thanks for the reply. Here's a snippet of the code around one of my headlines:

      THIS IS IT!!&nbsp; ALL MY PROBLEMS ARE FINALLY SOLVED....</font></div>
      <div id="wb_Text8" style="position:absolute;left:100px;top:3663px;wid th:601px;height:44px;z-index:11" align="center">
      <font style="font-size:24px" color="#FF0000" face="Trebuchet MS"><b>&quot;How I Became an Internet Dating MASTER!&quot;<br>
      </b></font></div>
      <div id="wb_Text9" style="position:absolute;left:100px;top:3732px;wid th:601px;height:1163px;z-index:12" align="left">
      <font style="font-size:16px" color="#000000" face="Arial">From that point on I decided I was going to make it my MISSION IN LIFE to MASTER Internet Dating!&nbsp; Never again would I have to approach women on the street and make a fool of myself! <br>
      Signature
      Under Construction
      {{ DiscussionBoard.errors[675597].message }}
  • Profile picture of the author Creadiv
    What is your URL? The markup that the software creates is horrible. Sorry to say that. If you send the URL my way it will be easier for me to get a better look at the markup.
    {{ DiscussionBoard.errors[675665].message }}
  • Profile picture of the author Creadiv
    Christopher,

    I believe that the use of absolute positioning is causing the two browsers to place the items differently on the screen. I do not have a good suggestion for you other than to remove all of the absolute left and top values that are in the markup.
    {{ DiscussionBoard.errors[675880].message }}
    • Profile picture of the author Christophe Young
      Do you mean remove certain tags in the code or is this something I have to do in the website builder?
      Signature
      Under Construction
      {{ DiscussionBoard.errors[675953].message }}
      • Profile picture of the author YiKeS
        Originally Posted by Christophe Young View Post

        Do you mean remove certain tags in the code or is
        this something I have to do in the website builder?
        G`day Christophe,

        I guess your 90 seconds is up .. lol

        I may be wrong but pretty sure this is a PLR editor, if it`s
        what I`m thinking of then the code really is heavy, I didn`t
        use this one with the absolutes through it ... you may find
        the display on other browsers you haven`t tested yet are
        off as well.


        Solution ...
        1. Put up with it .. lol .. probably not the best option.
        2. Spend time tweaking/changing/cutting out code to get it to display properly ... on every template you create ... forever ... :rolleyes: (ok this is probably the worst option if you know little of HTML etc .. lol)
        3. Get someone to do #2 ... or even better, create a real template with better code
        4. Get an editor that doesn`t give nightmares like this
        5. Have a beer
        I can take a look but as Creadiv points out, might take some doing ...
        PM the URL to me and I`ll take a look then get back to you if you like.



        YiKeS
        Signature
        AUSSIE MADE
        WSO --> HOMEPAGER <--- WSO
        {{ DiscussionBoard.errors[676355].message }}
        • Profile picture of the author Christophe Young
          Hey yikes,

          You must be one of those WACKY programmer guys! This web builder has been great until I happened upon this problem.

          It's OK though, I'm learning a lot. There is some great help around here, but looks like it's not a quick fix. Just in case you'd like to have a look I'll send the URL to you.

          Yes, already did option number 5.
          Signature
          Under Construction
          {{ DiscussionBoard.errors[676866].message }}
          • Profile picture of the author Christophe Young
            Well, I went ahead and asked the website builder to look into it. The code is scaring everyone away so their developers are the only ones who can probably fix this problem. Basically, if they sold me a product that can't display my website correctly on both browsers, then I'll proabably have to seek a refund.

            I'll see what happens. Thanks to those who helped!
            Signature
            Under Construction
            {{ DiscussionBoard.errors[681770].message }}
  • Profile picture of the author Aronya
    You can't just remove tags in the code. You'll blow up your page. It's a little hard (impossible?) to tell what's going on with the snippet you provided. Post a link or PM Creadiv with it to let him(?) take a look.
    {{ DiscussionBoard.errors[676100].message }}
  • Profile picture of the author Creadiv
    Aronya,

    Not sure how much you know html/css you know, but he did just that and it is a little complex without really rewriting the whole thing.. Every element on the page is placed with an style of absolute positioning which unless they are done perfectly will often cause alignment issues between the two browsers.

    I don't really have the time to go through the entire document, so I am very sorry if I have started something I cannot finish. But there are some really good designers on here that can help as well and may know a hack that I don't that could fix it quickly.

    Christoper if you don't get anybody that can do it quickly let me know and I will try to find some time to sit down and help you figure the whole thing out.

    Adam
    {{ DiscussionBoard.errors[676144].message }}
    • Profile picture of the author Christophe Young
      Thanks Adam,

      I'll play around with it on the website builder.
      Signature
      Under Construction
      {{ DiscussionBoard.errors[676232].message }}
    • Profile picture of the author Aronya
      Originally Posted by Creadiv View Post

      Aronya,

      Not sure how much you know html/css you know, but he did just that and it is a little complex without really rewriting the whole thing.. Every element on the page is placed with an style of absolute positioning which unless they are done perfectly will often cause alignment issues between the two browsers.
      I know enough to know that using CSS for layout gives me headaches... Why do you think I volunteered YOU instead of raising my own hand?!!!

      I agree with Yikes. Especially about the beer.
      {{ DiscussionBoard.errors[676537].message }}

Trending Topics