Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 9 of 9
  1. #1
    Junior Member
    Join Date
    May 2012
    Posts
    21
    Member #
    31833
    Hi, made a sticky footer in CSS and I call it in a DIV, and as you can see in the attached files, in Firefox it looks great but in IE (I'm using V9), it's all messed up. Any suggestions? If you have other browsers, please try it yourself: http://yellowsparkle.com/contact.php

    p.s. On the home page, it looks good in IE too! What's up with that?

    Thanks.00_FF.JPG00_IE.JPG

  2.  

  3. #2
    Junior Member
    Join Date
    May 2012
    Posts
    21
    Member #
    31833
    Ok, I figured it out. I guess IE doesn't like fixed positions. I just changed position:fixed; to position:absolute; and it now works on both.

  4. #3
    WDF Staff AlphaMare's Avatar
    Join Date
    Oct 2009
    Location
    Montreal, Canada
    Posts
    4,570
    Member #
    20277
    Liked
    878 times
    Not to be too harsh here, but your code is a mess. Your DOCTYPE is declared way the heck down in line 83, you have a duplicate <head> tag at line 85, on line 88 you have a link to a script that should be at the top in the <head> tag, you're using tables for layout, and it doesn't look like you understand the way divs work, since it seems you are using them mostly for inline styling. I'm sure there's more but that's what I noticed right off the bat.

    I suggest you read some tutorials and articles about properly using divs and CSS for tableless layouts. Here are a couple to get you started:
    http://girlswhogeek.com/tutorials/20...ess-css-layout
    http://www.htmlgoodies.com/beyond/cs...out-Tables.htm
    http://www.w3schools.com/html/html_layout.asp
    Good design should never say "Look at me!"
    It should say "Look at this." ~ David Craib


    http://digitalinsite.ca ~ my current site . . info@digitalinsite.ca ~ my email

    If you feel that someone's post helped you fix your problem, answered your question, or just made you feel better, feel free to "Like" their post. The "Like" link is at the bottom right of each post, along side the "reply" link. And if you are being helped here, try to help someone else - pass it on!

  5. #4
    Junior Member
    Join Date
    May 2012
    Posts
    21
    Member #
    31833
    Thanks! No, it's great to hear constructive criticism. What page are you referring to? Because most of the things you mentioned, I couldn't find. I don't even have that many lines in my code. What I suspect is that maybe, because I call a freecontactform that I downloaded as html and has a <head> tag of it's own that I should have taken out, that's why you're seeing it as part of my index page code. I will fix that.

    I know that the index page is tables. I created it while watching tutorials on tables and now I'm converting them to divs.

  6. #5
    WDF Staff AlphaMare's Avatar
    Join Date
    Oct 2009
    Location
    Montreal, Canada
    Posts
    4,570
    Member #
    20277
    Liked
    878 times
    Quote Originally Posted by zvit, post: 236741
    Thanks! No, it's great to hear constructive criticism. What page are you referring to? Because most of the things you mentioned, I couldn't find. I don't even have that many lines in my code. What I suspect is that maybe, because I call a freecontactform that I downloaded as html and has a <head> tag of it's own that I should have taken out, that's why you're seeing it as part of my index page code. I will fix that.

    I know that the index page is tables. I created it while watching tutorials on tables and now I'm converting them to divs.
    The page is the one in your typed link above - the contact page.

    If you want to see the numbered lines in the code, download Notepad++ (free) and open your code in it. It's very helpful to be able to pinpoint which lines are giving you trouble.
    Good design should never say "Look at me!"
    It should say "Look at this." ~ David Craib


    http://digitalinsite.ca ~ my current site . . info@digitalinsite.ca ~ my email

    If you feel that someone's post helped you fix your problem, answered your question, or just made you feel better, feel free to "Like" their post. The "Like" link is at the bottom right of each post, along side the "reply" link. And if you are being helped here, try to help someone else - pass it on!

  7. #6
    Junior Member
    Join Date
    May 2012
    Posts
    21
    Member #
    31833
    I really want to fix the problems but can't find what you wrote. Here's my code... ignore the fact that there are 2 tables in there. Besides that, where are the things that you said?

    HTML Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <!-- BEGIN META DATA -->
    <meta http-equiv="Content-Type" content="text/css; charset=utf-8">
    <meta name="keywords" content="Wedding Video, Wedding Videos" >
    <meta name="Copyright" content="Yellow Sparkle Video Productions" >
    <meta name="Rating" content="General" >
    <meta name="ROBOTS" content="All" >
    <meta name="revisit-after" content="14 days" >
    <link href="css/contact.css" rel="stylesheet" type="text/css" >
    <meta name="Description" content="Yellow Sparkle is a small company ...(edited out for post)" >
    <link rel="icon" href="http://yellowsparkle.com/images/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="http://yellowsparkle.com/images/favicon.ico" type="image/x-icon">
    <title>"Yellow Sparkle" Contact Page</title>
    </head>
    
    <body>
    
    <div class="wrapper" align="center">
    <div class="header">
    </div> <!--END DIV HEADER-->
    <div class="body">
      <div style="position:absolute; top:15em; left:55em">
    
        <table width="715" border="0" cellpadding="0" cellspacing="10" style="margin-left:5px;">
      <tr>
        <td width="60">Manager:</td>
            <td width="176">ztwersky@gmail.com</td>
        <td width="135">Cell: <strong>050-5744030</strong></td>
        <td width="286">Calling from the U.S. <strong>011-972-50-5744030</strong></td>
      </tr>
      <tr>
        <td>Company</td>
            <td>ys@yellowsparkle.com</td>
        <td>Fax: <strong>072-2490878</strong></td>
        <td>Calling from the U.S.<strong> 011-972-72-2490878</strong></td>
      </tr>
      <tr>
        <td>Sales:</td>
            <td>sales@yellowsparkle.com</td>
      </tr>
      <tr>
        <td>Support:</td>
            <td>support@yellowsparkle.com</td>
      </tr>
    </table>
    
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr valign="middle">
        <td align="center" height="60">If calling from any other Country, <a href="http://www.howtocallabroad.com/israel/" target="_blank">Click Here</a> for international calling guide.</td>
      </tr>
    </table>
    </div> <!--END DIV TABLE-->
    </div> <!--END DIV BODY-->
    
    <div style="position:absolute; top: 15em; left:25em;">
    <!--#include virtual="contactform.shtml" -->
    </div> <!--END DIV CONTACT FORM-->
    </div><!--END DIV WRAPPER-->
    
    <!--<div align="center">
    <img src="/images/footer_contact.png">
    </div>-->
    
    <div class="footer">
        </div> <!--END DIV FOOTER-->
    
    </body>
    </html>

  8. #7
    WDF Staff AlphaMare's Avatar
    Join Date
    Oct 2009
    Location
    Montreal, Canada
    Posts
    4,570
    Member #
    20277
    Liked
    878 times
    Quote Originally Posted by zvit, post: 236743
    I really want to fix the problems but can't find what you wrote. Here's my code... ignore the fact that there are 2 tables in there. Besides that, where are the things that you said?

    HTML Code:
    ...
    Well, that's not the code I saw, I guess you've been fixing it up a bit, so I can't tell you where the problems I saw before are located. The actual link at http :// yellowsparkle .com/contact. php is giving me a 404 error now - have you taken the page down?

    Anyway, you've got too much wrong for me to tell you everything, but here are ny suggestions for fixing the page:
    • get rid of the tables, create your layout with divs
    • learn the difference between an id and a class - this is important in getting your divs set up correctly. (and don't have a class called "body" - there is already a tag by that name and it is confusing)
    • get your styling into an external CSS file; link to it in the <head>
    • get as much of your javascript into an external file as you can; link to it in the <head>
    • comment your code as much as you can so you'll know why you did what you did. (and so will anyone you ask for help)

    I'm willing to help, but I can't teach you everything you need to know in forum posts - you need to do some reading, and keep working on it.
    Good design should never say "Look at me!"
    It should say "Look at this." ~ David Craib


    http://digitalinsite.ca ~ my current site . . info@digitalinsite.ca ~ my email

    If you feel that someone's post helped you fix your problem, answered your question, or just made you feel better, feel free to "Like" their post. The "Like" link is at the bottom right of each post, along side the "reply" link. And if you are being helped here, try to help someone else - pass it on!

  9. #8
    Junior Member
    Join Date
    May 2012
    Posts
    21
    Member #
    31833
    Wow, you are a very generous person and I appreciate your help. You got a 404 page because I had changed the page to html but now it's back to php. I changed the index page to all divs:

    HTML Code:
    <body>
    
    <div class="wrapper" align="center">
    
    <div class="header">
    </div> <!--END DIV HEADER-->
    
    <div class="banner">
    </div> <!--END DIV BANNER-->
    
    <div class="body">
    </div> <!--END DIV BODY-->
    
    </div><!--END DIV WRAPPER-->
    
    <div class="footer">
        </div> <!--END DIV FOOTER-->
    
    </body>
    I read about the BODY class.

    Like I said, I really appreciate the will to help but I'm need to tell you something that you, as a web designer might not like so don't get upset at me. As you can see by the site I'm creating, I'm a video editor and videographer. About 10 years ago I went to a University for 5 years and learned computer engineering and of course, web design was taught but maybe for a week. We learned html, java, php, sql, and more. Since then, I actually have created a few lousy sites for myself over the years but they were for charity organizations so quality and maintaining wasn't an issue since it was volunteer work.

    This time, I'm actually making this website for my business and yes, I understand that if it's for a business, I should do it perfect and even pay a professional to do it, but I like creating things for myself, it's my passion, and I know this website will not be perfectly coded correctly since I am very busy with the other work, but I at just want to get it up and running for now so I can start using it. Then I will keep learning and tweaking it. Yes, I also know that if you start coding wrong, it might be a nightmare to change later but that's the price I'll have to pay. Web designing is not my job so that's why I have to take shortcuts.

  10. #9
    WDF Staff AlphaMare's Avatar
    Join Date
    Oct 2009
    Location
    Montreal, Canada
    Posts
    4,570
    Member #
    20277
    Liked
    878 times
    Quote Originally Posted by zvit, post: 236750
    Like I said, I really appreciate the will to help but I'm need to tell you something that you, as a web designer might not like so don't get upset at me. As you can see by the site I'm creating, I'm a video editor and videographer. About 10 years ago I went to a University for 5 years and learned computer engineering and of course, web design was taught but maybe for a week. We learned html, java, php, sql, and more. Since then, I actually have created a few lousy sites for myself over the years but they were for charity organizations so quality and maintaining wasn't an issue since it was volunteer work.

    This time, I'm actually making this website for my business and yes, I understand that if it's for a business, I should do it perfect and even pay a professional to do it, but I like creating things for myself, it's my passion, and I know this website will not be perfectly coded correctly since I am very busy with the other work, but I at just want to get it up and running for now so I can start using it. Then I will keep learning and tweaking it. Yes, I also know that if you start coding wrong, it might be a nightmare to change later but that's the price I'll have to pay. Web designing is not my job so that's why I have to take shortcuts.
    Here's a suggestion; if you really want to get something up and running right away, consider using WordPress. I know there are folks on these forums who don't care for the open source solutions, but for someone who wants a good-looking site with easy editing from the back end, embedded video galleries, a blog, etc., WP can be a good way to get going.

    There are all kinds of good-looking themes out there, many specifically geared towards video display, and almost all of them have pre-coded contact forms and other stuff that will allow you to get up and running in a very short amount of time. Once you find a theme you like, you can easily customize the look (with help from some of us here, if need be!) Much easier than trying to learn to code all over again, especially of you're not planning to keep coding on a regular basis, and it'll better for SEO and cross-browser compatibility than code that, no matter how well-intentioned, is written less than well.
    Good design should never say "Look at me!"
    It should say "Look at this." ~ David Craib


    http://digitalinsite.ca ~ my current site . . info@digitalinsite.ca ~ my email

    If you feel that someone's post helped you fix your problem, answered your question, or just made you feel better, feel free to "Like" their post. The "Like" link is at the bottom right of each post, along side the "reply" link. And if you are being helped here, try to help someone else - pass it on!


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:17 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com