Hi all, I'm a newbie in web design. I have a problem and need some advice. When I click the different menu items, the whole skin moving. Please see the attached image. Firstly, I click the 'top hits', then I click the 'contact', you can find that the skin is slightingly moved to the left side. How to fix it? thanks in advance.
Slightly Moved to the Left Side? Yes OK, And within a Flick, Does it Come back? If yes, It is that, Your Style Sheet is loaded after all the Environment is Loaded!! Actually, Style Sheet should be called, and loaded before Environment is Loaded!! ~ExP~
Thanks for your help. Yes, it comes back. The following is the page header. What I should do to implement it Thanks again
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Directory </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="/templates/Chrome/style/main.css" /> <!--[if IE]> <link rel="stylesheet" href="/templates/Chrome/style/ie.css" type="text/css" media="all" /> <![endif]--> <!--[if IE 8.000]><!--> <link rel="stylesheet" href="/templates/Chrome/style/ie8.css" type="text/css" media="all" /> <!--<![endif]--> <meta name="generator" content="PHP Link Directory 4.0.0" /> <!-- <script type="text/javascript" src="/libs/moodalbox/js/mootools.js"></script> <script type="text/javascript" src="/libs/moodalbox/js/moodalbox.js"></script> <link rel="stylesheet" href="/libs/moodalbox/css/moodalbox.css" type="text/css" media="screen" /> --> </head> <body> Code (markup): This May Help!! But Am Not sure!! Your Markup is almost perfect, I just Rearranged it to have it Better to an Extend! Try This And Tell me! By the way, Which Browser do you face the problem? ~ExP~