[Opgelost] Divs wel in Firefox en niet in IE

[wpbremer]

Ik ben bezig met het opzetten van een site voor een kerk. Nu heb ik de opmaak in firefox bijna klaar, maar bepaalde divs die in Firefox mooi zichtbaar zijn, zijn dat niet in IE8.

Het gaat om deze site: kerk.wpbremer.nl

En de divs die niet zichtbaar zijn de divs die in het INFO VINDEN vak staan (search en sitemap)

Is er iemand die een oplossing weet?

Daarnaast werkt de zoekknop niet, ben ik hier iets vergeten in te stellen?

Alvast heel erg bedankt voor het meedenken.

[Rolf]

Hoi Wiebren,

Voor de zoekknop moet je de .htaccess vervangen door diegene die in de doc map staat, hier is nml. iets in gewijzigd.

Zou je voor de sitemap pagina het html sjabloon hier neer willen zetten?

Ziet er goed uit btw. 

Rolf

[wpbremer]

Beste Rolf,

uit de doc-folder, htaccess.txt hernoemt naar .htaccess en in de root gegooid, met resultaat dat de hele site niet meer te bekijken is.

Daarna via WinSCP het bestand weer verwijderd en de .htaccess die ook in de doc-folder staat toegevoegd en nog steeds niks, wat heb ik verkeerd gedaan?

[Rolf]

Uhm, heb je wel de htaccess.txt uit de doc map gepakt en gerenamed, en niet per ongeluk de bestaande .htaccess... ?

®

O shoot, dat staat er toch... 
Wat versta jij onder de 'root'?
Omdat je meerdere websites hebt kan dit verwarrend zijn: de root van de website is de plaats waar ook de index.php en de config.php staat.

[wpbremer]

Ik heb onderstaand htaccess.txt gerenamed en in de root gezet:

Code: Select all

# Attempt to override some php settings, these settings may be helpful on some hosts if your
# default configuration does not meet CMS's minimum requirements, and your host
# has given your account appropriate permissions
#php_value upload_max_filesize "10M"
#php_value session_save_path "tmp/cache"

#php_flag magic_quotes_gpc Off
#php_flag register_globals Off
#php_flag session.use_trans_sid Off

# (this is important, so uncomment if your host permit)
#Options -Indexes
#ServerSignature Off
#
Options +FollowSymLinks
#
<IfModule mod_rewrite.c>
RewriteEngine on
#
#Sub-dir e.g: /cmsms
RewriteBase /

#
# 301 Redirect all requests that don't contain a dot or trailing slash to
# include a trailing slash
# but ignore POST requests.
#RewriteCond %{REQUEST_URI} !/$
#RewriteCond %{REQUEST_URI} !\.
#RewriteCond %{REQUEST_METHOD} !POST$
#RewriteRule ^(.*) %{REQUEST_URI}/ [R=301,L]

# Rewrites urls in the form of /parent/child/
# but only rewrites if the requested URL is not a file or directory
#
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.+)$ index.php?page=$1 [QSA]
</IfModule>

[Rolf]

Dat is de goede...

O shoot, dat staat er toch... 
Wat versta jij onder de 'root'?
Omdat je meerdere websites hebt kan dit verwarrend zijn: de root van de website is de plaats waar ook de index.php en de config.php staat.

Probeer anders eens
#Options +FollowSymLinks

Humm, maar hebben we dat al niet eens eerder op jouw server gehad... 

®

[wpbremer]

Uhm, heb je wel de htaccess.txt uit de doc map gepakt en gerenamed, en niet per ongeluk de bestaande .htaccess... ?

®

O shoot, dat staat er toch... 
Wat versta jij onder de 'root'?
Omdat je meerdere websites hebt kan dit verwarrend zijn: de root van de website is de plaats waar ook de index.php en de config.php staat.

Ja daar heb ik hem ook geplaatst, anders was mijn website www.wpbremer.nl niet meer zichtbaar geweest.

Heb het .htaccess bestand dus in de map subdomains/kerk/httpdocs/ geplaatst.

[wpbremer]

Dat is de goede...

O shoot, dat staat er toch...  >:(
Wat versta jij onder de 'root'?
Omdat je meerdere websites hebt kan dit verwarrend zijn: de root van de website is de plaats waar ook de index.php en de config.php staat.

Probeer anders eens
#Options +FollowSymLinks

Humm, maar hebben we dat al niet eens eerder op jouw server gehad...  :-\

®

We hebben wel probleemjes gehad, maar zonet werkte toch alles goed??

Jou oplossing werkt helaas niet.

Probeer anders eens
#Options +FollowSymLinks

Is het mogelijk om dit alles te resetten?

[Rolf]

Haha 
Truuk met de duif!!

Even zoeken in mijn mailbox, om even mee te kijken, en toen...
Ik had een helder moment  we hebben dit eerder gehad.

PHP versie stond nog op 4
htaccess aangepast en daar is ie weer.

Grt. Rolf

[wpbremer]

Ok dan mag ik het niet meer vergeten dat wanneer ik een htaccess in de root plaats, dat hij dan automatisch op php4 terug wordt gezet. Bedankt.

Nu terug naar de eerste problemen.

Ik ben bezig met het opzetten van een site voor een kerk. Nu heb ik de opmaak in firefox bijna klaar, maar bepaalde divs die in Firefox mooi zichtbaar zijn, zijn dat niet in IE8.

Het gaat om deze site: kerk.wpbremer.nl

En de divs die niet zichtbaar zijn de divs die in het INFO VINDEN vak staan (search en sitemap)

Is er iemand die een oplossing weet?

Daarnaast werkt de zoekknop niet, ben ik hier iets vergeten in te stellen?

Als ik een zoek opdracht ingeef, dan gebeurt er niks en als ik over de submit-knop (vervangen door een plaatje) ga dan wordt mijn cursor geen handje?

[Rolf]

Nu terug naar de eerste problemen.

Héhé, je laat me ook maar kort genieten van roem en glorie   

Ik had het al gezien...  Andere oorzaak dus...

1. Zou je de buffer even willen legen (clear cache). sjust in kees
2. Zou je in de {search} tag, de parameter resultpage='your-page-alias' willen opnemen en ook deze pagina willen aanmaken.

®

[wpbremer]

Bovenstaande gedaan en helaas geen resultaat.

Héhé, je laat me ook maar kort genieten van roem en glorie   

Sorry maar ik erger me eraan dat alles goed lijkt, maar niet zo is, hahaha

[Rolf]

okay, laten we eerst even het andere probleem bekijken.

Wil je het html sjabloon hier even neer zetten? In FF gaat de sitemap ook fout...

®

[wpbremer]

De Sitemap werkt bij mij wel in FF alleen zitten er nog maar 6 pagina's in de site, dus het is erg summier.

Hier het sjabloon het is wel erg groot, heel veel dingen heb ik uitgeschakeld:

Code: Select all

{process_pagedata}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
{* Change lang="en" to the language of your site *}

{* note: anything inside these are smarty comments, they will not show up in the page source *}

  <head>
    <title>{sitename} - {title}</title>
{* The sitename is changed in Site Admin/Global settings. {title} is the name of each page *}

 {metadata}
{* Don't remove this! Metadata is entered in Site Admin/Global settings. *}

 {stylesheet}
{* This is how all the stylesheets attached to this template are linked to it *}

 {cms_selflink dir="start" rellink=1}
 {cms_selflink dir="prev" rellink=1}
 {cms_selflink dir="next" rellink=1}
{* Relational links for interconnections between pages, good for accessibility and Search Engine Optimization *}

{* the literal below and the /literal at the end are needed whenever there are {"curly brackets"} as smarty will think it's something to process and will throw an error *}
 {literal}
<__script__ type="text/JavaScript">
<!--
//pass min and max - measured against window width
function P7_MinMaxW(a,b){
var nw="auto",w=document.documentElement.clientWidth;
if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
}
//-->
</__script>
    <!--[if lte IE 6]>
    <style type="text/css">
    #pagewrapper {width:expression(P7_MinMaxW(890,890));}
    #container {height: 1%;}
    </style>
    <![endif]-->
    {/literal}
{* The min and max page width for Internet Explorer is set here. For other browsers it's in the stylesheet "Layout: Top menu + 2 columns" *}

  </head>
  </__body>
    <div id="pagewrapper">

{* start accessibility skip links, anything with the class of accessibility is hidden with CSS from visual browsers *}
      <ul class="accessibility">
        <li>{anchor anchor='menu_vert' title='Skip to navigation' accesskey='n' text='Skip to navigation'}</li>
        <li>{anchor anchor='main' title='Skip to content' accesskey='s' text='Skip to content'}</li>
      </ul>
{* end accessibility skip links *}

      <hr class="accessibility" />
{* Horizontal ruler that is hidden for visual browsers by CSS *
}

{* Start Header, with logo image that links to the default start page. Logo image is changed in the stylesheet  "Layout: Top menu + 2 columns" *}
      <div id="header">

{* this holds the name of the site on the right side *}
{*        <h2 class="headright">{sitename}</h2>*}

{* this holds a link back to home page and the header left image/logo, text is hidden using CSS *}
 
       <h1>{cms_selflink dir="start" text="$sitename"}</h1>
        <hr class="accessibility" />
      </div>
{* End Header *}

{* Start Navigation *}
      <div id="menu_horiz">
{* stylesheet  "Navigation: Simple - Horizontal" *}
        <h2 class="accessibility">Navigation</h2>
{*        {menu template='simple_navigation.tpl' number_of_levels='1'}*}
        {menu template='cssmenu.tpl' number_of_levels='1'}
        <hr class="accessibility" />
      <div id="menu_bottom"></div>
      </div>

{* End Navigation *}

{* Start Search, the input "Submit" is using an image, CSS: input.search-button *}
      {*<div id="search">
      {search}
      </div>*}
{* End Search *}

{* Start Breadcrumbs *}
      {*<div class="crbk">*}
{* holds the right image, we need 2 divs to be able to make this site fluid, if it was fixed width we could use one div, one image  *}

        {*<div class="breadcrumbs">
        {breadcrumbs starttext='You are here' root='Home' delimiter='»'}
          <hr class="accessibility" />
        </div>
      </div>*}
{* End Breadcrumbs *}

{*HET MENU EN CONTENT UITGESCHAKELD*}
{* Start Content (Navigation and Content columns) *}
   {*   <div id="content">*}

{* Start Sidebar, 2 divs one for top image one for bottom image *}
 {*       <div id="sidebar">
          <div id="sidebara">*}

{* Start Sub Navigation, stylesheet  "Navigation: Simple - Vertical" *}
     {*       <div id="menu_vert">
              <h2 class="accessibility">Sub Navigation</h2>
              {menu template='simple_navigation.tpl' start_level='2' collapse='1'}
                <hr class="accessibility" />
            </div>*}
{* End Sub Navigation *}

{* Start News, style sheet "Module: News" *}
    {*        <div id="news">
              <h2>News</h2>
              {news number='3' detailpage='news'}
            </div>*}
{* End News *}
{*
          </div>
        </div>*}
{* End Sidebar *}

{* Start Content Area, the back1, back2, back3, hold the 3 outside images, main holds the 4th one, to make the box complete, if the template were fixed width not fluid we could use just 2 divs and 2 images, 1 top 1 bottom *}
    {*    <div class="back1">
          <div class="back2">
            <div class="back3">
              <div id="main">
                <div style="float: right;">{print showbutton=true script=true}</div>
                <h2>{title}</h2>
                {content}
                <br />*}{* to insure space below content *}

{* Start relational links *}
{* note this is the right side, when you float: divs you need to have float: right; divs first *}
{*            <div class="right49">
              <p>{anchor anchor='main' text='^ Top'}</p>
            </div>
            <div class="left49">
              <p> {cms_selflink dir="previous" label="Previous page: "}*}
{* The label parameter doesn't need to be there if you're using English, but is here to show how it's used if you don't want the English text "Previous page" *}

{*              <br />
              {cms_selflink dir="next"}
              </p>
            </div>*}
{* End relational links *}

{*                <hr class="accessibility" />
                <div class="clear"></div>
              </div>
            </div>
          </div>
        </div>
    *}        
{* End Content Area *}

     {*} </div>
{* End Content *}


{*Start Nieuws*}
           <div id="nieuws_front">
              <div id="nieuws_front_top"></div>
              <div id="nieuws_front_middel">
              <div id="nieuws_front_text">              
{news number='1' detail='news' detailpage='nieuws' summarytemplate='Nieuws' category='Nieuws'}   </div>
              <div id="search">
              {search resultpage='zoekresultaten'}
              </div> 
              <div id="sitemaplink"><a href='sitemap'><img src='uploads/opmaak/opmaak_kerk_sitemap.png' alt='Sitemap'></a></div>             
              </div>
              <div id="nieuws_front_bottom"></div>
           </div>

{*Start drie kolommen inhoud homepage*}
<div id="inhoud">
     <div id="inhoud_top">
     </div>
        <div id="inhoud_midden">
            <div id="inhoud_predikant">{news number='1' detail='news' detailpage='van-de-predikant' summarytemplate='Predikant' category='Predikant'}
            </div>
<div id="inhoud_fotoshow">{image_rotator title="Fotoshow kerk" folder="images/fotoshow/" speed="5" speed_fade="3" rotator="new"}
            </div>
           </div>

        <div class="cleaner"></div>
     <div id="inhoud_bottom">
     </div>
</div>

{*Start kerkdiensten*}
           <div id="kerkdiensten">
              <div id="kerkdiensten_top"></div>
              <div id="kerkdiensten_middel">{cms_module module="CGCalendar" display="upcominglist" limit="4" upcominglisttemplate="Kerkscharn"}</div>
              <div class="cleaner"></div>
<div id='kerkdiensten_meer'><a href='kerkdiensten'><img src='uploads/opmaak/opmaak_kerk_meer.png' alt='Meer'></a>
              </div>
              <div id="kerkdiensten_bottom"></div>
           </div>

{* Start Footer. Edit the footer in the Global Content Block called "footer" *}
      <div class="footback">
        <div id="footer">
{* stylesheet  "Navigation: FatFootMenu" *}
          {*<div id="fooleft">
          {menu}
          </div>*}
          <div id="footrt">
          {global_content name='footer'}
          </div>
          <div class="clear"></div>
        </div>
      </div>
{* End Footer  *}

    </div>
{* end pagewrapper *}

  <__body>
</__html>

[TD__]

Je hebt zo te zien vergeten een 'p' te sluiten en je hebt een id voor een element dubbel gebruikt.
Aangezien je XHTML gebruikt moeten elementen als img eindigen met /> ipv >.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fkerk.wpbremer.nl%2Fhome%2F
Daar staat het allemaal.

Probeer dat eerst eens op te lossen, als je de dingen die ik heb genoemd is de kans groot dat het er in IE8 daarna ook al veel beter uitziet.