PHP эхом <div>в неправильном месте

Question

Я работаю над панелью опций для темы WordPress. Эта проблема началась с того момента, как я пытался добавить jquery, но, похоже, это не должно быть проблемой jquery ... и не исчезает, когда я удаляю все свои jquery-скрипты.

В любом случае PHP определяет, была ли страница сохранена, сброшена и т. Д., И отображает соответствующее сообщение в верхней части страницы. но по какой-то причине мой div (который должен появиться первым) появляется после моего h2 в div #info, который находится на несколько строк ниже. это не проблема позиционирования css abs, так как при просмотре исходного кода div #message содержится в #info, даже если он отображается первым в и насколько я могу сказать, все мои теги div открыты и закрыты правильно. это поведение разрешается, если я избавляюсь от «обновленного» класса. мне отчаянно не нужно поддерживать этот класс (я могу просто создать новый с подобными атрибутами), но я озадачен тем, почему, черт возьми, php запускается неправильно.

<?php
  if ($_REQUEST['saved']) {
    echo '<div id="message" class="updated fade"><p><strong>' . $my_themename . ' ' . __('settings saved.', 'thematic') . '</strong></p></div>';
  }
  if ($_REQUEST['reset']) {
    echo '<div id="message" class="updated fade"><p><strong>' . $my_themename . ' ' . __('settings reset.', 'thematic') . '</strong></p></div>';
  }
  if ($_REQUEST['reset_widgets']) {
    echo '<div id="message" class="updated fade"><p><strong>' . $my_themename . ' ' . __('widgets reset.', 'thematic') . '</strong></p></div>';
  }
  if ($_REQUEST['error']) {
    echo '<div id="message" class="updated fade"><p><strong>The file you submitted was not a valid image type.</strong></p></div>';
  }
  if ($_REQUEST['imgremoved']) {
      echo '<div id="message" class="updated fade"><p><strong>'. __('Image Removed') .'</strong></p></div>';
  }
  if ($_REQUEST['imgsaved']) {
      echo '<div id="message" class="updated fade"><p><strong>'. __('Image Uploaded') .'</strong></p></div>';
  } 
?>
<div id="saved"></div>
<div id="header" class="clearfix">
<div id="themelogo"><img src="<?php echo CHILDTHEME_URI .'/functions/css/images/logo.png';?> " / ></div>
<div id="info">
<h1><?php echo $my_themename; ?></h1>
<h2>Built on the Thematic Theme Framework</h2>
</div>

</div>

Answer 1

Не совсем решение для описанного поведения, но заметил небольшой фрагмент кода, который может быть лучше выражен по-другому:

<div id="themelogo"><img src="<?php echo CHILDTHEME_URI .'/functions/css/images/logo.png';?> " / ></div>

Может быть лучше как:

<div id="themelogo"><img src="<?php echo CHILDTHEME_URI; ?>'/functions/css/images/logo.png" /></div>

Простоодна из таких вещей - я привык отлаживать код, читая его и пытаясь оптимизировать его по ходу работы.Я предполагаю, что затронутый файл недоступен нигде в Интернете, чтобы мы могли просмотреть и увидеть ошибку для себя?

Answer 2

Одна вещь, на которую стоит обратить внимание, это то, включаете ли вы файлы CSS из библиотеки jqueryui. Я знаю, что несколько раз сталкивался с проблемами форматирования при включении этого CSS.