+ Post New Thread
Results 1 to 6 of 6
Web Development Thread, Webby css prob in Coding and Web Development; Ok i have a new site for the school that i work at but i have a problem in ie7 ...
  1. #1

    Join Date
    Feb 2007
    Location
    Lincolnshire
    Posts
    120
    Thank Post
    0
    Thanked 0 Times in 0 Posts
    Rep Power
    0

    Webby css prob

    Ok i have a new site for the school that i work at but i have a problem in ie7

    if you visit:

    http://www.gartree.lincs.sch.uk/newsite/

    Using ie6 (which we use at the school) the site looks fine

    Using ie7 the top header where the school name is shown disappears behind the main graphic, has any one got any suggestions on possible fixes, if you need any more info or files let me know, any help would be apppreciated

  2. #2

    CESIL's Avatar
    Join Date
    Nov 2006
    Location
    Hampshire
    Posts
    1,403
    Thank Post
    109
    Thanked 267 Times in 198 Posts
    Rep Power
    168

    Re: Webby css prob

    Your page seems not to work in any other browser than IE6.

    For our site I use "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">" which forces IE6 into stantards compliant mode and avoids the need to add css hacks to counter the difference between the css box model in IE6 and other browsers.

    You will have to find out if there is a DOCTYPE that does a similar trick for XHTML.

    Otherwise you will need to add css hacks to your css. Just Google for "css ie box hacks"

  3. #3
    ICTNUT's Avatar
    Join Date
    Jul 2005
    Location
    Hereford
    Posts
    1,419
    Thank Post
    196
    Thanked 249 Times in 122 Posts
    Rep Power
    62

    Re: Webby css prob

    I would agree with cadjs with the DOCTYPE.

    If you do not have a correct DOCTYPE then it forces IE into "quirks" mode and is not standards compliant at that point, this is them same for all versions including IE7

    You may still need to use CSS hacks to get round the problems you may have the easiest being having 2 CSS files one for all browsers and one for IE.

    The one for IE only needs the CSS hacks in it so it displays correctly, to get your code to work out which browser is being used do the following:

    < link to your main css file here>
    [!-- If IE -]
    < link to your IE css here>
    <! End If -->]

    What the above does is displays the IE css when required and is a quick way of ensuring your CSS hacks ONLY affect IE browsers.

  4. #4

    CESIL's Avatar
    Join Date
    Nov 2006
    Location
    Hampshire
    Posts
    1,403
    Thank Post
    109
    Thanked 267 Times in 198 Posts
    Rep Power
    168

    Re: Webby css prob

    Actually IE6 and 7 behave differently with regard to standards compliance.

    IE7 has had the box model changed to be the same as the (IMHO illogical) standards box model. Adding the correct DOCTYPE forces IE6 to to the same as IE7.

    Ozan, I like your website :) ...you might like to add
    Code:
    html {overflow: scroll;}
    to your css to stop the page jumping side to side in Safari et al.

  5. #5

    Join Date
    Feb 2007
    Location
    Lincolnshire
    Posts
    120
    Thank Post
    0
    Thanked 0 Times in 0 Posts
    Rep Power
    0

    Re: Webby css prob

    i have fixed the issue, and have asked people to try it in other browsers for me and have been told it works fine ?

    i will test more when i get home

  6. #6

    Join Date
    Feb 2007
    Location
    Lincolnshire
    Posts
    120
    Thank Post
    0
    Thanked 0 Times in 0 Posts
    Rep Power
    0

    Re: Webby css prob

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd">

    above is the doctype i currently use, should i change it ?

SHARE:
+ Post New Thread

Similar Threads

  1. Ghost / Network prob!!
    By sLiDeR in forum Network and Classroom Management
    Replies: 7
    Last Post: 23rd July 2009, 09:35 AM
  2. SIMS.NET FMS Module Prob
    By dan4132 in forum Thin Client and Virtual Machines
    Replies: 2
    Last Post: 12th September 2007, 11:09 AM
  3. FMS Prob!
    By dan4132 in forum MIS Systems
    Replies: 5
    Last Post: 22nd August 2007, 02:22 PM
  4. Printer Prob
    By westbourne in forum Wireless Networks
    Replies: 0
    Last Post: 3rd May 2007, 10:42 AM
  5. mediawiki prob
    By browolf in forum Web Development
    Replies: 2
    Last Post: 25th April 2007, 10:32 AM

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •