V0.7.1, index page broken style in Firefox, but ok in IE

Found a bug? Tell us!!
Post Reply
Christopher D.

V0.7.1, index page broken style in Firefox, but ok in IE

Post by Christopher D. »

That's about it. I'm not a PHP guru or anything. I've set up several Serendipity blogs, this one is on our intranet for use by our IT staff to begin creating a searchable database of problem resolution as well as tracking software/hardware installations. In Firefox, no matter which style is chosen, the index page looks like arse...plain, white, and formatted all kinds of crazy, but the other pages (entry, admin, etc) all look fine. In IE there are no problems with the index page. Is there an easy fix for this?

Thanks!
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Re: V0.7.1, index page broken style in Firefox, but ok in IE

Post by garvinhicking »

I have never seen that. What does the HTML output of the page look like which looks like ares in firefox? Can you copy+paste it to an URL on the internet, so I can look at it?

Regards,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
Christopher D.

screenshot

Post by Christopher D. »

I'll have to post screenshots for you because it's on our intranet. :)
Firefox 1.0:
Image

IE 6:
Image

If I put the calendar on the right side, it stretches out to 100% of the page width and looks hilarious. I'm sure this is something minor that a PHP person could spot in a heartbeat if he could see the html output. I'll post that too, I guess....

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
           "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>HCB IT Blog</title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <meta name="Powered-By" content="Serendipity v.0.7.1" />
    <link rel="stylesheet" type="text/css" href="/blog/serendipity.css.php" />
    <link rel="alternate"  type="application/rss+xml" title="RSS" href="http://10.100.1.42/blog/feeds/index.rss2" />
    <link rel="alternate"  type="application/x.atom+xml"  title="Atom"  href="http://10.100.1.42/blog/feeds/atom.xml" />
</head>

<body>
<div id="serendipity_banner">
    <h1><a class="homelink1" href="http://10.100.1.42/blog/">HCB IT Blog</a></h1>
    <h2><a class="homelink2" href="http://10.100.1.42/blog/">Maintenance Activity Tracking</a></h2>
</div>

<table id="mainpane">
    <tr>
<td id="serendipityLeftSideBar">
    <div class="serendipitySideBarItem sidebar_wrap_serendipity_calendar_plugin">

        <h3 class="serendipitySideBarTitle sidebar_title_serendipity_calendar_plugin">Calendar</h3>
        <div class="serendipitySideBarContent sidebar_content_serendipity_calendar_plugin">
            <table width="100%" class="serendipity_calendar" cellspacing="0" cellpadding="0">
    <tr>
        <td align="left" class="serendipity_calendarHeader">
            <a title="Back" href="/blog/index.php?serendipity[calendarZoom]=200412"><img alt="Back" src="/blog/templates/default/img/back.png" border="0" /></a>
        </td>

        <td colspan="5" align="center" valign="bottom" class="serendipity_calendarHeader">

            <b><nobr><a href="http://10.100.1.42/blog/archives/200501.html">January '05</a></nobr></b>
        </td>

        <td align="right" class="serendipity_calendarHeader">
            <a title="Forward" href="/blog/index.php?serendipity[calendarZoom]=200502"><img alt="Forward" src="/blog/templates/default/img/forward.png" border="0" /></a>
        </td>
    </tr>

    <tr>

        <td scope="col" abbr="Monday" title="Monday" class="serendipity_weekDayName" align="center">Mo</td>
        <td scope="col" abbr="Tuesday" title="Tuesday" class="serendipity_weekDayName" align="center">Tu</td>
        <td scope="col" abbr="Wednesday" title="Wednesday" class="serendipity_weekDayName" align="center">We</td>
        <td scope="col" abbr="Thursday" title="Thursday" class="serendipity_weekDayName" align="center">Th</td>
        <td scope="col" abbr="Friday" title="Friday" class="serendipity_weekDayName" align="center">Fr</td>
        <td scope="col" abbr="Saturday" title="Saturday" class="serendipity_weekDayName" align="center">Sa</td>

        <td scope="col" abbr="Sunday" title="Sunday" class="serendipity_weekDayName" align="center">Su</td>
    </tr>

    <tr class="serendipity_calendar">
        <td class="serendipity_calendarDay BlankDay FirstRow FirstInRow"> </td>
        <td class="serendipity_calendarDay BlankDay FirstRow"> </td>
        <td class="serendipity_calendarDay BlankDay FirstRow"> </td>
        <td class="serendipity_calendarDay BlankDay FirstRow"> </td>
        <td class="serendipity_calendarDay BlankDay FirstRow"> </td>

        <td class="serendipity_calendarDay FirstRow">1</td>
        <td class="serendipity_calendarDay FirstRow LastInRow">2</td>
    </tr>
    <tr class="serendipity_calendar">
        <td class="serendipity_calendarDay FirstInRow">3</td>
        <td class="serendipity_calendarDay ">4</td>
        <td class="serendipity_calendarDay ">5</td>

        <td class="serendipity_calendarDay ">6</td>
        <td class="serendipity_calendarDay ">7</td>
        <td class="serendipity_calendarDay ">8</td>
        <td class="serendipity_calendarDay LastInRow">9</td>
    </tr>
    <tr class="serendipity_calendar">
        <td class="serendipity_calendarDay FirstInRow">10</td>

        <td class="serendipity_calendarDay ">11</td>
        <td class="serendipity_calendarDay ">12</td>
        <td class="serendipity_calendarDay ">13</td>
        <td class="serendipity_calendarDay ">14</td>
        <td class="serendipity_calendarDay ">15</td>
        <td class="serendipity_calendarDay LastInRow">16</td>

    </tr>
    <tr class="serendipity_calendar">
        <td class="serendipity_calendarDay FirstInRow">17</td>
        <td class="serendipity_calendarDay ">18</td>
        <td class="serendipity_calendarDay ">19</td>
        <td class="serendipity_calendarDay Active"><a href="http://10.100.1.42/blog/archives/20050120.html">20</a></td>
        <td class="serendipity_calendarDay Today">21</td>

        <td class="serendipity_calendarDay ">22</td>
        <td class="serendipity_calendarDay LastInRow">23</td>
    </tr>
    <tr class="serendipity_calendar">
        <td class="serendipity_calendarDay FirstInRow">24</td>
        <td class="serendipity_calendarDay ">25</td>
        <td class="serendipity_calendarDay ">26</td>

        <td class="serendipity_calendarDay ">27</td>
        <td class="serendipity_calendarDay ">28</td>
        <td class="serendipity_calendarDay ">29</td>
        <td class="serendipity_calendarDay LastInRow">30</td>
    </tr>
    <tr class="serendipity_calendar">
        <td class="serendipity_calendarDay FirstInRow LastRow">31</td>

        <td class="serendipity_calendarDay BlankDay LastRow"> </td>
        <td class="serendipity_calendarDay BlankDay LastRow"> </td>
        <td class="serendipity_calendarDay BlankDay LastRow"> </td>
        <td class="serendipity_calendarDay BlankDay LastRow"> </td>
        <td class="serendipity_calendarDay BlankDay LastRow"> </td>
        <td class="serendipity_calendarDay BlankDay LastInRow LastRow"> </td>
    </tr>
</table>

        </div>

    </div>
    <div class="serendipitySideBarItem sidebar_wrap_serendipity_quicksearch_plugin">
        <h3 class="serendipitySideBarTitle sidebar_title_serendipity_quicksearch_plugin">Quicksearch</h3>
        <div class="serendipitySideBarContent sidebar_content_serendipity_quicksearch_plugin">
            <form id="searchform" action="/blog/index.php" method="get">
    <div>
        <input type="hidden"  name="serendipity[action]" value="search" />
        <input type="text"   id="serendipityQuickSearchTermField" name="serendipity[searchTerm]" size="13" />

    </div>
    <div id="LSResult" style="display: none;"><div id="LSShadow"></div></div>
</form>

        </div>
    </div>
</td>
        <td id="content" valign="top">

    <div class="serendipity_Entry_Date">
        <h3 class="serendipity_date">Thursday, January 20. 2005</h3>

        <h4 class="serendipity_title"><a href="/blog/archives/2-Test-post-by-Jason.html">Test post by Jason</a></h4>

        <div class="serendipity_entry">
            <div class="serendipity_entry_body_folded">Test post by Jason</div>
                
            <div class='serendipity_entryFooter'>
 Posted by Jason at <a href="/blog/archives/2-Test-post-by-Jason.html">20:26</a>
 | <a href="/blog/archives/2-Test-post-by-Jason.html#comments">Comments (0)</a> | <a href="/blog/archives/2-Test-post-by-Jason.html#trackbacks">Trackbacks (0)</a> | <a href="http://10.100.1.42/blog/serendipity_entries.php?serendipity[action]=admin&serendipity[adminModule]=entries&serendipity[adminAction]=edit&serendipity[id]=2">Edit entry</a>                </div>

            </div>
                <!--
                <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
                         xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
                         xmlns:dc="http://purl.org/dc/elements/1.1/">
                <rdf:Description
                         rdf:about="http://10.100.1.42/blog/feeds/ei_2.rdf"
                         trackback:ping="http://10.100.1.42/blog/comment.php?type=trackback&entry_id=2"
                         dc:title="Test post by Jason"
                         dc:identifier="http://10.100.1.42/blog/archives/2-Test-post-by-Jason.html" />
                </rdf:RDF>
                -->
        <h4 class="serendipity_title"><a href="/blog/archives/1-Test-Entry.html">Test Entry</a></h4>

        <div class="serendipity_entry">
            <div class="serendipity_entry_body_folded">This is the first blog entry</div>
                
            <div class='serendipity_entryFooter'>
 Posted by jerrylewis in <a href="/blog/categories/1-Chris">Chris</a> at <a href="/blog/archives/1-Test-Entry.html">19:54</a>

 | <a href="/blog/archives/1-Test-Entry.html#comments">Comments (0)</a> | <a href="/blog/archives/1-Test-Entry.html#trackbacks">Trackbacks (0)</a> | <a href="http://10.100.1.42/blog/serendipity_entries.php?serendipity[action]=admin&serendipity[adminModule]=entries&serendipity[adminAction]=edit&serendipity[id]=1">Edit entry</a>                </div>
            </div>
                <!--
                <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
                         xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
                         xmlns:dc="http://purl.org/dc/elements/1.1/">
                <rdf:Description
                         rdf:about="http://10.100.1.42/blog/feeds/ei_1.rdf"
                         trackback:ping="http://10.100.1.42/blog/comment.php?type=trackback&entry_id=1"
                         dc:title="Test Entry"
                         dc:identifier="http://10.100.1.42/blog/archives/1-Test-Entry.html" />
                </rdf:RDF>
                -->
    </div>

<div class='serendipity_entryFooter' style="text-align: center">
(Page 1 of 1, totalling 2 entries)
</div>
        </td>
<td id="serendipityRightSideBar">
    <div class="serendipitySideBarItem sidebar_wrap_serendipity_superuser_plugin">
        <h3 class="serendipitySideBarTitle sidebar_title_serendipity_superuser_plugin">Blog Administration</h3>
        <div class="serendipitySideBarContent sidebar_content_serendipity_superuser_plugin">
            <a href="/blog/entries" title="Open administration">Open administration</a>
        </div>

    </div>
    <div class="serendipitySideBarItem sidebar_wrap_serendipity_html_nugget_plugin">
        <div class="serendipitySideBarContent sidebar_content_serendipity_html_nugget_plugin">
            
        </div>
    </div>
</td>
    </tr>
</table>
</body>
</html>
Christopher D.

v0.7.0 does it to

Post by Christopher D. »

F.Y.I.....I can't be the only one...right?
Christopher D.

me again

Post by Christopher D. »

I wish I could edit my own posts. :-)

Ok, it's not your code but my apache webserver. I have tried several different versions of serendipity, including 0.6.p13, which I am using on my own personal website and which works great with Firefox, and it does exactly the same thing on my Intranet...plain white index page. I'm clueless at this point. My httpd logs and php logs don't show any errors. I'd love to get this working, because - and it's about time I said it - Serendipity rocks. Thanks for it.
tadpole
Regular
Posts: 88
Joined: Fri Oct 08, 2004 6:20 am
Location: 33°6'4.079" North, 117°3'6.563" West
Contact:

Post by tadpole »

Live HTTPHeaders could prove useful. Is FF requesting the CSS? If so, what is the response?
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Post by garvinhicking »

Yes, you might want to open 'http://yoururl/blog/serendipity.cs..php' immediately and see if FireFox shows problems with the CSS code?

Regards,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
Guest

Post by Guest »

I have the exactly same problème but in other side.

My blog is good in firefox and bad in IE
Post Reply