Question about layout/IE7 issue

This is a discussion on "Question about layout/IE7 issue" within the Web Page Design section. This forum, and the thread "Question about layout/IE7 issue are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Jul 3rd, 2007, 13:29
New Member
Join Date: Jul 2007
Location: MA
Age: 28
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Cool Question about layout/IE7 issue

I've coded my site to be simple with html and css. The site fixaflick.com looks great in FF, but bad IE7. What is wrong with my code. Thanks
Reply With Quote

  #2 (permalink)  
Old Jul 3rd, 2007, 14:30
Reputable Member
Join Date: Jun 2007
Location: Bellevue, SK, Canada
Age: 29
Posts: 222
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Question about layout/IE7 issue

Hey, I've seen this post before..
Reply With Quote
  #3 (permalink)  
Old Jul 3rd, 2007, 15:18
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Question about layout/IE7 issue

First of all you have an error in the h2,h3 css and it's throwing off the rest of the css.
Fix to 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;
}
Secondly you have a closing div missing.
I put it in red.
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>
Now the question is... why is the strawberry.jpg the background of a nav?
It should be in a div id or div class since it's more of a body element.
Reply With Quote
  #4 (permalink)  
Old Jul 3rd, 2007, 15:37
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Question about layout/IE7 issue

Also as I posted in the other css forum:
You can't have #header2 h3.
You must either have h2, h3 or
separate the two.
#header2

h3
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Major layout issue thewebkid Web Page Design 23 Dec 22nd, 2007 03:31
CSS Layout issue between IE and Firefox macu Web Page Design 2 Aug 22nd, 2007 13:14
Help with a layout issue Kirryn Web Page Design 9 Jun 21st, 2007 17:27
menu / layout positioning issue in IE Pixelate Web Page Design 2 May 9th, 2006 13:15
Homepage layout issue webwiz2000 Web Page Design 2 Feb 28th, 2006 17:49


All times are GMT. The time now is 09:16.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43