Custom pages visas med fel bredd i IE

Frågor kring forumdesign (teman/themes) för phpBB 3 (3.0.0 eller senare).

Moderatorer: Supportgrupp, Moderatorgrupp

Skriv svar
klinge
Ny medlem
Ny medlem
Inlägg: 6
Blev medlem: 2009-12-10 09:24
Svar: 0

Custom pages visas med fel bredd i IE

Inlägg av klinge »

Jag använder en anpassad variant av Prosilver SE som har en toppmeny. Stilen är hämtad härifrån: http://www.phpbb3bbcodes.com/viewtopic.php?f=46&t=2359. Min phpBB version är 3.0.6 och stilen är sista uppdateringen som är anpassad för 3.0.6.

Har också lagt till ett antal "custom pages". Dessa har jag gjort efter instruktioner som finns på phpBB:s hemsida (http://www.phpbb.com/kb/article/add-a-n ... -to-phpbb/)

Så här ser det ut:
sl_ok.png
sl_ok.png (194.98 KiB) Visad 6736 gånger
Felet som inträffar är att mina "custom pages" visas med fel bredd i IE (bredden blir större) samt att toppmenyn visas med blå text istället för den vita det borde vara. Dessa problem visar sig bara i IE (både 7 och 8 ). Sidorna renderar felfritt i Firefox, Google Chrome och Safari. När jag går tillbaka till någon av phpBB:s standardsidor återställer sig bredden och menyns textfärg igen.

Så här ser det ut i IE:
sl_fel.png
sl_fel.png (209.35 KiB) Visad 6736 gånger
Koden ser ut såhär för sidan i phpBBs toppkatalog:

Kod: Markera allt

<?php
  define('IN_PHPBB', true);
  $phpbb_root_path = (defined('PHPBB_ROOT_PATH')) ? PHPBB_ROOT_PATH : './';
  $phpEx = substr(strrchr(__FILE__, '.'), 1);
  include($phpbb_root_path . 'common.' . $phpEx);

  // Start session management
  $user->session_begin();
  $auth->acl($user->data);
  $user->setup();
  if ($user->data['user_id'] == ANONYMOUS)
  {
	login_box('', $user->lang['LOGIN']);
  }

  page_header('Bokningsregister');
  // Set up the Navlinks for the forums navbar
  $template->assign_block_vars('navlinks', array(
	'FORUM_NAME' => 'Bokningsregister', //Name of the page you wish to see on the navlinks page. You should use language files, but for the purpose of this demonstration I have not.   
    'U_VIEW_FORUM' => append_sid("{$phpbb_root_path}sl_bokning.$phpEx")) //The path to the custom file relative to the phpbb root path.
  );

  $template->set_filenames(array(
    'body' => 'sl_bokning_body.html',
  ));

  make_jumpbox(append_sid("{$phpbb_root_path}viewforum.$phpEx"));
  page_footer();
?>
Koden för _body-sidan i stilens template-katalog ser ut såhär:

Kod: Markera allt

<!-- INCLUDE overall_header.html -->

  <h2>Bokningsregister</h2>

  <div class="panel">
     <div class="inner"><span class="corners-top"><span></span></span>
       <div class="content">
          <p>
			 <object data="../bokning_new.cgi" type="text/html" style="overflow:auto;" height="500px" width="100%" border="0">
				<p>Din browser st&ouml;der inte visning av object-taggen.</p>
			 </object> 
          </p>
       </div>

       <span class="corners-bottom"><span></span></span></div>
    </div>

<!-- INCLUDE jumpbox.html -->
<!-- INCLUDE overall_footer.html -->
Jag misstänker att det har något att göra med CSS-filerna som länkas in till sidorna, men jag kan inte hitta felet och vet inte var jag skall leta. Någon som har några tips?

Johan
Användarens profilbild
.:ADDE:.
Medhjälpare
Medhjälpare
Inlägg: 482
Blev medlem: 2009-03-07 16:03
Svar: 0

Re: Custom pages visas med fel bredd i IE

Inlägg av .:ADDE:. »

Jag antar att stilens doctype inte är i Quirks mode, varav det kan bli fel när man kör IE.

kolla i overall_header.htm, länst upp i innehållet, före <HTML> vad det står för något.
för där är koderna för menyn som dina bilder visar på.

står det såhär:

Kod: Markera allt

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
...så är Quirks mode inte aktiverat, och det kan bli fel i IE(6).

sår det såhär:

Kod: Markera allt

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
eller såhär:

Kod: Markera allt

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"
så är quirks mode aktiverat, då vet jag inte vad felet beror på. kopiera innehållet och visa upp den för oss då så kan jag kanske hjälpa dig.
Andreas eller ADDE | Allways loyal to the phpBB platform, whenever I nead a Bullentin Board.

SummerADDE.se
klinge
Ny medlem
Ny medlem
Inlägg: 6
Blev medlem: 2009-12-10 09:24
Svar: 0

Re: Custom pages visas med fel bredd i IE

Inlägg av klinge »

Här är doctype-deklarationen från overall_header.html

Kod: Markera allt

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Användarens profilbild
Marcus
Hedersmedlem
Hedersmedlem
Inlägg: 4321
Blev medlem: 2004-01-07 22:12
Svar: 0

Re: Custom pages visas med fel bredd i IE

Inlägg av Marcus »

Jag har en "gissning", som är mycket kvalificerad.

Dina custom-sidors filer är inte sparade i UTF-8 utan BOM.

Vad använder du för texteditor?

/Marcus
Marcus Farrington - Administratör på phpBB Sverige
OBS! På förekommen anledning ges ingen support via PM.

Webb- & Drupalutvecklare på Webbyrå Grebban.
klinge
Ny medlem
Ny medlem
Inlägg: 6
Blev medlem: 2009-12-10 09:24
Svar: 0

Re: Custom pages visas med fel bredd i IE

Inlägg av klinge »

Jag använder Notepad++.

Jag provar att spara dem som UTF-8 och ser om det gör nån skillnad. Återkommer.

Johan
klinge
Ny medlem
Ny medlem
Inlägg: 6
Blev medlem: 2009-12-10 09:24
Svar: 0

Re: Custom pages visas med fel bredd i IE

Inlägg av klinge »

Ändrade format på mina sidor till UTF-8 (utan BOM) - och det löste problemet!

Tack för hjälpen, det hade jag aldrig kommit på på egen hand!!

Johan
Användarens profilbild
Kail
Administratör
Administratör
Inlägg: 2937
Blev medlem: 2003-06-03 14:53
Svar: 0

Re: Custom pages visas med fel bredd i IE

Inlägg av Kail »

BOM är som det heter, en jäkla massa besvär.
Jakob Persson - Grundare av phpBB Sverige - IT-konsult - http://www.jakob-persson.com
The Complete phpBB Template Design Guide (phpBB 2.x): http://archive.jakob-persson.com/articl ... index.html
Skriv svar

Vilka är online

Användare som besöker denna kategori: 2 och 0 gäster