PDA

View Full Version : page-by-page archive glitch in Internet Explorer

aswilliamson
04-01-2005, 11:30 PM
I use the page by page addon on my photoblog at www.andrewwilliamson.info.
My site archive renders perfectly in Firefox, but in IE the archive thumbs just go on horizontally indefinitly. I am wondering if there is an easy way to specify the amount of thumbnails per row.

This is strickly an IE problem the thumbs wrap and conform to the size of my table in Firefox, but not in IE.
Anonymous
04-03-2005, 04:23 AM
anyone?
Connie
04-03-2005, 08:22 AM
Well, I must say, Firefox is the only browser who shows the archivepage as you want to see it

OPERA as well shows an endless line

did you validate the html? Did you see all these errors?
Do you know that when the HTML of a page does not fit to the doctype, specified in the header, some of the browsers switch into that "quirks mode"?
this means they present the page in a "not so standard way"

you should try to use the proper DOCTYPE

you have:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

test it with:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

for example, use the firefox developer extensions to validate the HTML and the CSS...

for sure it is a problem of the template file

good luck

by the way: your page is a visual joy!
raminia
04-03-2005, 10:43 AM
I don't remember what I did but I have almost the same behavior in archive page for both IE and FF

check it at pblog.raminia.com
Connie
04-03-2005, 11:16 AM
you should check the structure of this page, as I must say, this archive has
not so very well structured HTML / CSS:

<div id="wrapper">
<center>
<div id="logo" style="width: 621px;">VISIBLE TRACK
<div id="calendar" style="width: 621px;"> </div>
</center>
</div>


here for example the <center> is opened outside a div, but closed inside the div :!:

here again:

<center>
<div id="image_info"><p><span class='ExifDataShow' ></span></p><hr><p />
<center>
<table border="0" cellpadding="0" style="border-collapse: collapse" width="100%" id="table1">
</table>
</center>
</div>

<center> is opened outside div, inside div the next <center> is opened and closed, but closing for the first center is below, some divs later

you should not open <center> in a <center>... etc.

this CSS is absolutely incorrect, and so our beloved Browser #1 with all his special interpretations behaves different than other browsers, OPERA which is very faithful to standards also brings not wrong, but "unexpected" behaviour

but what is correct what is incorrect in such a mixture?

Unfortunately we only have a chance to get nearly similar results in different browsers when we use clean code... :cry:
raminia
04-03-2005, 12:55 PM
thanks connie:)
how do you do this? I always get lost in the HTML code and tags.
do you have a special editor or a special eye?

Thank you:)
Connie
04-03-2005, 01:04 PM
Ramin,

I think I have a special feeling: I was one of the first users of HTML in Germany, systemoperator at Compuserve for the "german internet forum", co-author of the first parts of the german "HTML master tutorial" SELFHTML http://www.selfhtml.org and sinde around 15 years now I try to understand and use HTML, expanding to CSS and XHTML as well

but enough of self-praise, I learned to look into the code because of the many problems you get when you write code :cry:
aswilliamson
04-03-2005, 07:41 PM
thank you connie. ya im not completly proficient with HTML and CSS. I use Dreamweaver and it jsut by default declares

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

and yes since I did make the template from scratch it is definatly a problem with the template :D

although changing the DOCTYPE to what you said made no difference.
i'm aware my code doesn't validate properly eventually I will work that out.

I guess my actual question was simply, is there a way in the Page-by-page archive addon to specify the amount of thumbs PER row, similar to how you can specify the amount of thumbs in the <IMAGE_THUMBNAIL_ROW>?
Connie
04-03-2005, 09:25 PM
I am sure Ramin knows this and can help you out, he knows this addon very well :lol:
raminia
04-03-2005, 09:30 PM
Yes! exact the same!
maybe I could add this into the addon parameters.
just it should count the number of thumbs it assings and after a certain number add a <br /> to the generated code.

OR
you can do this with this very addon by placing the thumb-row inside a table with perdefined width that matches a certain number of thumb inside it. It will have the same behavior.
aswilliamson
04-04-2005, 11:36 PM
hmm
aswilliamson
04-04-2005, 11:38 PM
OR
you can do this with this very addon by placing the thumb-row inside a table with perdefined width that matches a certain number of thumb inside it. It will have the same behavior.

PROBLEM SOLVED, it was as simple as changing
<td valign="top" height="10" colspan="2" bgcolor="#F1F5F8" alt="">
to
<td valign="top" width="600" height="10" colspan="2" bgcolor="#F1F5F8" alt="">

because I used adobe imageready to generate the html from slices in photoshop I never thought of even looking at the Table tags, I just asumed the width and height was specified for each.