CSS issue in IE7

bluetech · #1 Jul 3rd, 2007, 14:22

My webpage fixaflick.com looks great in FF, but in IE7 it is missing the main image, navigation, plain messed up. Can someone look at my code. Thanks

delusion · #2 Jul 3rd, 2007, 14:27

Quote:

Originally Posted by bluetech

My webpage fixaflick.com looks great in FF, but in IE7 it is missing the main image, navigation, plain messed up. Can someone look at my code. Thanks

Maybe IE can't handle the CSS-error you've made..

Check this:
http://jigsaw.w3.org/css-validator/v...usermedium=all

bluetech · #3 Jul 3rd, 2007, 15:04

Thanks not sure how to read those errors. 68 #header2 h3 Value Error : font Lexical error at line 67, column 23. Encountered: "\n" (10), after : "\"Verdana;"font-weight: normal; 80
Value Error : font Parse Error - : absolute; left:22px; top: 44px; color: black; padding: 0 0 0 0.7em; margin: -1em 0 0 0; line-height: 1; } #nav-top

delusion · #4 Jul 3rd, 2007, 15:14

Quote:

Originally Posted by bluetech

Thanks not sure how to read those errors. 68 #header2 h3 Value Error : font Lexical error at line 67, column 23. Encountered: "\n" (10), after : "\"Verdana;"font-weight: normal; 80
Value Error : font Parse Error - : absolute; left:22px; top: 44px; color: black; padding: 0 0 0 0.7em; margin: -1em 0 0 0; line-height: 1; } #nav-top

ah, you've used the quotations.. (you know " " those..)
try removing those.. ?

Lchad · #5 Jul 3rd, 2007, 15:32

Darn I posted the solution but it didn't post.
RETRY:

You have an error in your css which is not allowing the rest of your css to work. Fix this:

Code: Select all

#header2, h3 {
    position: absolute;
    left:22px;
    top: 44px;
    color: black;
    padding: 0 0 0 0.7em;
    margin: -1em 0 0 0;
    font: normal 13px/1 Verdana, Arial, Helvetica, sans-serif;
}

You also have a closing div missing.. it's in red below:

Code: Select all

<body> <div id="wrapper">

    <div id="header">
      <h1>FiXaFlick</h1>
      
  <div id="header2">
    <h3>DVD Slideshow Presentations</h3>
     
      
      <div id="nav">
        <ul>
          <li class="home"><a href="http://www.fixaflick.com">Home</a></li>

          <li><a href="http://www.   ">About Us</a></li>
          <li><a href="http://www.   ">Services</a></li>
          <li><a href="http://www. ">Prices</a></li>

          <li><a href="http://www.">Portfolio</a></li>
          <li><a href="http://www. ">How To Order</a></li>
           
          <li><a href="http://www. ">Contact Us</a></li>

        </ul>
      </div>
    </div>
    </div>
    
    <div class="clear" id="footc"> </div>
    <div id="footer">
      Copyright 2007 All rights reserved by Chris Chagnon
    </div>

  </div>

Also you need to sort out why strawberry.jpg is a background image in #nav. It should be in a div id or div class since it's a body element.

That css at the top of the page is messed up too.
You can't have #header2, h3 which is what you have.
Either use h2, h3 or if you need a div id for #header2, you can't have h3 with it.

pa007 · #6 Jul 3rd, 2007, 15:34

This has been double posted. You have already replied to this in the other thread over in the html forum.

Could you merge them or just close this.

Pete.

Lchad · #7 Jul 3rd, 2007, 15:36

Ohhhhhhhhh that's what happened..thanks Pete!
Thread Closed. Please to go thread in HTML forum!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
JS issue	acrikey	JavaScript Forum	6	Jul 25th, 2007 17:45
Issue in IE6	aholmes	Web Page Design	7	Jul 13th, 2007 10:00
css issue	acrikey	Web Page Design	4	May 24th, 2007 16:01
Help Odd Issue?	drappendix	Web Page Design	8	Aug 9th, 2006 17:53
IE issue	Pheonix	Web Page Design	2	Dec 2nd, 2005 21:58

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
CSS issue in IE7