IE vs. Firefox color issues? First Site

Discussion in 'HTML and CSS' started by xigxag, Sep 19, 2006.

  1. xigxag

    xigxag

    Joined:
    Sep 19, 2006
    Messages:
    3
    Hi everyone.

    I'm working on my first ever web project. It's for a class, but I decided to try to get the most I could out of it. So I went went standards-compliant code and CSS from the beginning. I've got a pretty good start, but am running into a couple of issues.

    http://srv13.fountainheadcollege.com/sean.youngberg/

    First is, I used a gradient image for the side columns. Kinda lame, i know :five:

    I set the background color of the main content div to the color at the end of the gradient. Looks fine in firefox, but in IE there is an obvious cut-off where the image ends and the background color begins. I hadn't heard of this before, I thought a hex color code would be the same in any app. If you wouldn't mind having a look and let me know if it's the same on your browsers.

    Another thing I just ran into was getting my footer text nav centered.

    HTML:
    <div id="footer">
    	 
        <a class="footImg" href="http://validator.w3.org/check?uri=referer">
            <img class="footImg"
            src="pics/valid-xhtml10.png" title="View XHTML Validation"
            alt="Valid XHTML 1.0 Transitional" height="31" width="88" />
       </a>
        <a class="footImg" href="http://jigsaw.w3.org/css-validator/">
        <img class="footImg" src="pics/vcss.png" alt="Valid CSS!" 
         title="View CSS Validation" height="31" width="88"/>
     </a>
    
    <div class="footNav">
      <a href="index.html">Home</a> | 
      <a href="html_ex.html">HTML</a> | 
      <a href="photoshop.html">Photoshop</a>
    </div>
    </div>
    
    Code:
    div#footer {
    	clear:both;
    	border-top: 1px solid #000000; }
    .footNav {
    	font-size:.8em;
    	padding:0;
    	margin-top:.8em;
    	margin-bottom:.9em;
    	text-align:center; }
    .footImg {
    	float:left;
    	border:none; 
    	margin-left:.5em;
    	margin-top:.1em;
    	margin-bottom:.1em; }
    It was centered fine with the text-align when I only had one image.

    I know my whole code is very sloppy and there are probally better ways to do about everything I have on this page, but as I say it's my first page! I just keep playing with things until I get it where I want it.

    Notice I had to put the .footImg class on both the <a> and <img> tags to get it to look like it does now.

    I didn't want to manually move it over, seems like it should just center in the div. Is there any reason why/why not to put the <a> tags inside a <p>?

    Any helpful criticism would be great. I'm still trying to find a good color/background/hover color combo for my buttons and <a>'s. I'm not very artistic, so any help in that department would also be nice. Obviously, I like green. Thanks for having a look!
    xigxag, Sep 19, 2006
    #1
    1. Advertising

  2. xigxag

    xigxag

    Joined:
    Sep 19, 2006
    Messages:
    3
    Ok, figured out the IE color issue. Apparently it was a problem with using .png images. I saved them as jpg and all was well. Still working on the rest.
    xigxag, Sep 19, 2006
    #2
    1. Advertising

  3. xigxag

    xigxag

    Joined:
    Sep 19, 2006
    Messages:
    3
    guess I got the other issue as well. I put the navigation stuff in another div, gave it position:relative with text-align:center and shifted it with left:-80px. Seems to look fine, let me know if this is ok.

    Please don't hold back on any (contructive) criticism.
    xigxag, Sep 19, 2006
    #3
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. moondaddy
    Replies:
    3
    Views:
    38,297
    moondaddy
    Apr 28, 2004
  2. PJ6
    Replies:
    4
    Views:
    4,893
  3. Andrew Arace

    BGR Color to Java Color

    Andrew Arace, Sep 13, 2003, in forum: Java
    Replies:
    7
    Views:
    7,794
    Stephen Gilbert
    Sep 16, 2003
  4. alice
    Replies:
    18
    Views:
    811
    Jonathan N. Little
    Aug 11, 2007
  5. Kamaljeet Saini
    Replies:
    0
    Views:
    412
    Kamaljeet Saini
    Feb 13, 2009
Loading...

Share This Page