<hr>/IE problem...

#1

amazing, the stupid things IE does sometimes...

inserted a simple <hr> tag in sidenav here,
http://www.francesdelrio.com/photobl...ge9/photos.jsp

in FF it looks fine, in IE (both 6 and 7) it's messed up.. <hr> gets
stretched out as far as the width of the window.. (in the interests of
"fluid" design I have not given the sidenav div a fixed width.. now
this is causing me problems in IE... oh brother...)

thank you....

#2

In article <fmlnmf$aqe$1 (AT) aioe (DOT) org>, maya <maya778899 (AT) yahoo (DOT) com>
wrote:

Quote:

amazing, the stupid things IE does sometimes...

inserted a simple <hr> tag in sidenav here,
http://www.francesdelrio.com/photobl...ge9/photos.jsp

in FF it looks fine, in IE (both 6 and 7) it's messed up.. <hr> gets
stretched out as far as the width of the window.. (in the interests of
"fluid" design I have not given the sidenav div a fixed width.. now
this is causing me problems in IE... oh brother...)

thank you....

I notice that there are 806 validation errors on your page
(including using an ID twice on the same page). But never mind,
the camera you used has a fine sharp lens and your pics are all
nice. (what is the camera and lens btw?)

Give your sidebar a width in em. 12em will do it comfortably most
likely). At least give it a max width (works for IE7)

--
dorayme

#3

On 16 jan, 14:59, maya <maya778... (AT) yahoo (DOT) com> wrote:

Quote:

amazing, the stupid things IE does sometimes...

inserted a simple <hr> tag in sidenav here,http://www.francesdelrio.com/photobl...ge9/photos.jsp

in FF it looks fine, in IE (both 6 and 7) it's messed up.. <hr> gets
stretched out as far as the width of the window.. (in the interests of
"fluid" design I have not given the sidenav div a fixed width.. now
this is causing me problems in IE... oh brother...)

thank you....

Maya,

the page has huge problems to fix before even starting to investigate
the layout issue with the <hr>

- 9,000 lines of code is insane
- hundreds of validation markup errors
- dozens of abs. pos. elements
- the page never starts to load and I'm on broadband
- no doctype declaration

Just create a reduced testcase and upload it on a web-accessible
webpage. Make sure the page passes markup code validation and CSS code
validation. Then we will look and investigate the issue with the <hr>.

Regards, Gérard

#4

In article
<95d82a6c-8ded-48e7-85ba-2d5c157927a6 (AT) u10g2000prn (DOT) googlegroups.co
m>,
GTalbot <newsgroup (AT) gtalbot (DOT) org> wrote:

Quote:

On 16 jan, 14:59, maya <maya778... (AT) yahoo (DOT) com> wrote:
amazing, the stupid things IE does sometimes...

inserted a simple <hr> tag in sidenav
here,http://www.francesdelrio.com/photobl...ge9/photos.jsp

in FF it looks fine, in IE (both 6 and 7) it's messed up.. <hr> gets
stretched out as far as the width of the window.. (in the interests of
"fluid" design I have not given the sidenav div a fixed width.. now
this is causing me problems in IE... oh brother...)

thank you....

Maya,

the page has huge problems to fix before even starting to investigate
the layout issue with the <hr

- 9,000 lines of code is insane
- hundreds of validation markup errors
- dozens of abs. pos. elements
- the page never starts to load and I'm on broadband
- no doctype declaration

Just create a reduced testcase and upload it on a web-accessible
webpage. Make sure the page passes markup code validation and CSS code
validation. Then we will look and investigate the issue with the <hr>.

Regards, Gérard

Amazing also - in that case - that it loaded fine for me in
Australia when I mentioned the hundreds of errors hours ago...

This is the url:

<http://www.francesdelrio.com/photobl...ge9/photos.jsp

Quote:

--
dorayme

#5

dorayme wrote:

Quote:

In article
95d82a6c-8ded-48e7-85ba-2d5c157927a6...ooglegroups.co
m>,
GTalbot <newsgroup (AT) gtalbot (DOT) org> wrote:

On 16 jan, 14:59, maya <maya778... (AT) yahoo (DOT) com> wrote:
amazing, the stupid things IE does sometimes...

inserted a simple <hr> tag in sidenav
here,http://www.francesdelrio.com/photobl...ge9/photos.jsp

in FF it looks fine, in IE (both 6 and 7) it's messed up.. <hr> gets
stretched out as far as the width of the window.. (in the interests of
"fluid" design I have not given the sidenav div a fixed width.. now
this is causing me problems in IE... oh brother...)

thank you....
Maya,

the page has huge problems to fix before even starting to investigate
the layout issue with the <hr

- 9,000 lines of code is insane
- hundreds of validation markup errors
- dozens of abs. pos. elements
- the page never starts to load and I'm on broadband
- no doctype declaration

Just create a reduced testcase and upload it on a web-accessible
webpage. Make sure the page passes markup code validation and CSS code
validation. Then we will look and investigate the issue with the <hr>.

Regards, Gérard

Amazing also - in that case - that it loaded fine for me in
Australia when I mentioned the hundreds of errors hours ago...

This is the url:

http://www.francesdelrio.com/photobl...ge9/photos.jsp

thank you all for yr responses... believe it or not, what happened is
that literally minutes after I posted my question I started having
problems w/my site, browser would hang, etc.. have no idea what
happened, I emailed my webhosting, the guy said there had been a little
problem and he had had to restart my server.. as to the code:

this is GENERATED code, it's generated with JSP's.. yes, there are many
divs... each photo has its own div, and I use JavaScript to move from
div to div (i.e., from photo to photo..), so yes, there a lot of divs...
I don't write the divs, they're generated with java code (even some of
the CSS is genearted with java..)

as for the CSS, I just checked above url in W3C CSS validator, it
validates.. (can't post url, it's too long..)

as for HTML validation, find no errors when check in HomeSite... in the
W3C validator, however, it shows lots of errors that I don't get (has
problems with all special chars ( ...etc) for one thing... so
where does this leave me??

thanks for comments about the photos.. my photo equipment, to answer
one of the respondents, is a digital Nikon D80, with with a 18-135mm lens...

thank you..

#6

maya wrote:

Quote:

dorayme wrote:
In article
95d82a6c-8ded-48e7-85ba-2d5c157927a6...ooglegroups.co
m>,
GTalbot <newsgroup (AT) gtalbot (DOT) org> wrote:

On 16 jan, 14:59, maya <maya778... (AT) yahoo (DOT) com> wrote:
amazing, the stupid things IE does sometimes...

inserted a simple <hr> tag in sidenav
here,http://www.francesdelrio.com/photobl...ge9/photos.jsp

in FF it looks fine, in IE (both 6 and 7) it's messed up.. <hr> gets
stretched out as far as the width of the window.. (in the interests of
"fluid" design I have not given the sidenav div a fixed width.. now
this is causing me problems in IE... oh brother...)

thank you....
Maya,

the page has huge problems to fix before even starting to investigate
the layout issue with the <hr

- 9,000 lines of code is insane
- hundreds of validation markup errors
- dozens of abs. pos. elements
- the page never starts to load and I'm on broadband
- no doctype declaration

Just create a reduced testcase and upload it on a web-accessible
webpage. Make sure the page passes markup code validation and CSS code
validation. Then we will look and investigate the issue with the <hr>.

Regards, Gérard

Amazing also - in that case - that it loaded fine for me in Australia
when I mentioned the hundreds of errors hours ago...

This is the url:

http://www.francesdelrio.com/photobl...ge9/photos.jsp

thank you all for yr responses... believe it or not, what happened is
that literally minutes after I posted my question I started having
problems w/my site, browser would hang, etc.. have no idea what
happened, I emailed my webhosting, the guy said there had been a little
problem and he had had to restart my server.. as to the code:

this is GENERATED code, it's generated with JSP's.. yes, there are many
divs... each photo has its own div, and I use JavaScript to move from
div to div (i.e., from photo to photo..), so yes, there a lot of divs...
I don't write the divs, they're generated with java code (even some of
the CSS is genearted with java..)

as for the CSS, I just checked above url in W3C CSS validator, it
validates.. (can't post url, it's too long..)

as for HTML validation, find no errors when check in HomeSite... in the
W3C validator, however, it shows lots of errors that I don't get (has
problems with all special chars ( ...etc) for one thing... so
where does this leave me??

thanks for comments about the photos.. my photo equipment, to answer
one of the respondents, is a digital Nikon D80, with with a 18-135mm
lens...

thank you..

also when I do give it a fixed width, either in px or in em, it gets a
different width on IE from FF... man, what a pain....

thank you...

#7

maya wrote:

Quote:

maya wrote:
dorayme wrote:
In article
95d82a6c-8ded-48e7-85ba-2d5c157927a6...ooglegroups.co
m>,
GTalbot <newsgroup (AT) gtalbot (DOT) org> wrote:

On 16 jan, 14:59, maya <maya778... (AT) yahoo (DOT) com> wrote:
amazing, the stupid things IE does sometimes...

inserted a simple <hr> tag in sidenav
here,http://www.francesdelrio.com/photobl...ge9/photos.jsp

in FF it looks fine, in IE (both 6 and 7) it's messed up.. <hr> gets
stretched out as far as the width of the window.. (in the
interests of
"fluid" design I have not given the sidenav div a fixed width.. now
this is causing me problems in IE... oh brother...)

thank you....
Maya,

the page has huge problems to fix before even starting to investigate
the layout issue with the <hr

- 9,000 lines of code is insane
- hundreds of validation markup errors
- dozens of abs. pos. elements
- the page never starts to load and I'm on broadband
- no doctype declaration

Just create a reduced testcase and upload it on a web-accessible
webpage. Make sure the page passes markup code validation and CSS code
validation. Then we will look and investigate the issue with the <hr>.

Regards, Gérard

Amazing also - in that case - that it loaded fine for me in Australia
when I mentioned the hundreds of errors hours ago...

This is the url:

http://www.francesdelrio.com/photobl...ge9/photos.jsp

thank you all for yr responses... believe it or not, what happened is
that literally minutes after I posted my question I started having
problems w/my site, browser would hang, etc.. have no idea what
happened, I emailed my webhosting, the guy said there had been a
little problem and he had had to restart my server.. as to the code:

this is GENERATED code, it's generated with JSP's.. yes, there are
many divs... each photo has its own div, and I use JavaScript to
move from div to div (i.e., from photo to photo..), so yes, there a
lot of divs... I don't write the divs, they're generated with java
code (even some of the CSS is genearted with java..)

as for the CSS, I just checked above url in W3C CSS validator, it
validates.. (can't post url, it's too long..)

as for HTML validation, find no errors when check in HomeSite... in
the W3C validator, however, it shows lots of errors that I don't get
(has problems with all special chars ( ...etc) for one thing...
so where does this leave me??

thanks for comments about the photos.. my photo equipment, to answer
one of the respondents, is a digital Nikon D80, with with a 18-135mm
lens...

thank you..

also when I do give it a fixed width, either in px or in em, it gets a
different width on IE from FF... man, what a pain....

Well, you are running this in quirksmode when you don't have a strict
doctype with a path.

Browsers then have different interpretation of whether to include any
padding and borders in the width.

Jeff

Quote:

thank you...

#8

..oO(GTalbot)

Quote:

the page has huge problems to fix before even starting to investigate
the layout issue with the <hr

- 9,000 lines of code is insane
- hundreds of validation markup errors
- dozens of abs. pos. elements
- the page never starts to load and I'm on broadband
- no doctype declaration

- it loads all images at once (>5 MB)
- no chance without JS (except for turning off CSS - then you can see
all images on one page)
- thousands of empty lines in the markup
- relying on fixed font size (in my browsers the links to pictures 21
and 22 overlap with the photo)

Nice pictures, but completely broken presentation.

Micha

#9

In article <fmnv0q$fd4$1 (AT) aioe (DOT) org>, maya <maya778899 (AT) yahoo (DOT) com>
wrote:

Quote:

maya wrote:
dorayme wrote:
In article
95d82a6c-8ded-48e7-85ba-2d5c157927a6...ooglegroups.co
m>,
GTalbot <newsgroup (AT) gtalbot (DOT) org> wrote:

On 16 jan, 14:59, maya <maya778... (AT) yahoo (DOT) com> wrote:
amazing, the stupid things IE does sometimes...

also when I do give it a fixed width, either in px or in em, it gets a
different width on IE from FF... man, what a pain....

I could not work out what the "it" referred to which you gave a
fixed width - you just quoted a massive slab of text. At last
when I posted, I meant the particular side bar that had the HRs
in them.

--
dorayme

#10

Michael Fesser wrote:

Quote:

.oO(GTalbot)

the page has huge problems to fix before even starting to investigate
the layout issue with the <hr

- 9,000 lines of code is insane
- hundreds of validation markup errors
- dozens of abs. pos. elements
- the page never starts to load and I'm on broadband
- no doctype declaration

- it loads all images at once (>5 MB)
- no chance without JS (except for turning off CSS - then you can see
all images on one page)
- thousands of empty lines in the markup
- relying on fixed font size (in my browsers the links to pictures 21
and 22 overlap with the photo)

Nice pictures, but completely broken presentation.

Micha

can u pls post a screenshot? I have viewed this site in many different
venues, have never seen what you mention....
(and yes, like 90% of websites out there, this one needs JavaScript
-- and CSS -- in order to function properly...)

thank you....