By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,396 Members | 1,869 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,396 IT Pros & Developers. It's quick & easy.

<hr>/IE problem...

P: n/a

amazing, the stupid things IE does sometimes...

inserted a simple <hrtag 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.. <hrgets
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....


Jan 16 '08 #1
Share this Question
Share on Google+
12 Replies


P: n/a
In article <fm**********@aioe.org>, maya <ma********@yahoo.com>
wrote:
amazing, the stupid things IE does sometimes...

inserted a simple <hrtag 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.. <hrgets
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
Jan 16 '08 #2

P: n/a
On 16 jan, 14:59, maya <maya778...@yahoo.comwrote:
amazing, the stupid things IE does sometimes...

inserted a simple <hrtag 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.. <hrgets
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
Jan 17 '08 #3

P: n/a
In article
<95**********************************@u10g2000prn. googlegroups.co
m>,
GTalbot <ne*******@gtalbot.orgwrote:
On 16 jan, 14:59, maya <maya778...@yahoo.comwrote:
amazing, the stupid things IE does sometimes...

inserted a simple <hrtag 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.. <hrgets
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
>
--
dorayme
Jan 17 '08 #4

P: n/a
dorayme wrote:
In article
<95**********************************@u10g2000prn. googlegroups.co
m>,
GTalbot <ne*******@gtalbot.orgwrote:
>On 16 jan, 14:59, maya <maya778...@yahoo.comwrote:
>>amazing, the stupid things IE does sometimes...

inserted a simple <hrtag 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.. <hrgets
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 (&nbsp;...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..


Jan 17 '08 #5

P: n/a
maya wrote:
dorayme wrote:
>In article
<95**********************************@u10g2000prn .googlegroups.co
m>,
GTalbot <ne*******@gtalbot.orgwrote:
>>On 16 jan, 14:59, maya <maya778...@yahoo.comwrote:
amazing, the stupid things IE does sometimes...

inserted a simple <hrtag 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.. <hrgets
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 (&nbsp;...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...

Jan 17 '08 #6

P: n/a
..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
Jan 17 '08 #7

P: n/a
In article <fm**********@aioe.org>, maya <ma********@yahoo.com>
wrote:
maya wrote:
dorayme wrote:
In article
<95**********************************@u10g2000prn. googlegroups.co
m>,
GTalbot <ne*******@gtalbot.orgwrote:

On 16 jan, 14:59, maya <maya778...@yahoo.comwrote:
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
Jan 17 '08 #8

P: n/a
Michael Fesser wrote:
.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
and the reason there are so many empty lines is that the code is
generated by the software code, not hard-coded (using java/JSP..)
that's how the code is generated...
Jan 17 '08 #9

P: n/a
..oO(maya)
>point well-taken about doctype.. I HAD neglegted that... just
inserted the "transitional" one.. (never sure whether to use that one or
the "strict" one..)
For new sites always "Strict", since you're not transitioning from
anything.

Micha
Jan 18 '08 #10

P: n/a
On 2008-01-17, maya wrote:
....
and the reason there are so many empty lines is that the code is
generated by the software code, not hard-coded (using java/JSP..)
that's how the code is generated...
Then the code generator needs to be fixed. (Or the output piped
through a filter to remove consecutive blank lines.)
--
Chris F.A. Johnson <http://cfaj.freeshell.org>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
Jan 18 '08 #11

P: n/a
In article <13*************@corp.supernews.com>,
Jeff <jeff@spam_me_not.comwrote:
maya wrote:
Jeff wrote:
maya wrote:
maya wrote:
dorayme wrote:
GTalbot wrote:
maya wrote:
>everyman's dog wrote:
point well-taken about doctype.. I HAD neglegted that... just
inserted the "transitional" one.. (never sure whether to use that one or
the "strict" one..)

What does a doctype do when it comes to rendering html? For years they
did nothing at all, all it did was make the validator happy. That's it.

Then came a generation of browsers that switched from the old box model
they were using to a standards compliant box model if and only if the
doctype was strict and it had a url.
....
If there's a doctype other than strict that actually does something
with a browser, someone tell me what it is and what it does. I don't
keep up with everything. Perhaps the xhtml, but there's no real reason
to use those for plain html.

Somebody that knows something current about getting *out* of quirks
mode should follow up.
Well, Jeff, as I understand this stuff, it is not a simple matter
of the strictness of doctype but in some ways the very presence
of a doctype (there are complicated tables of necessary and
sufficient conditions - see the bottom of page <url:
http://hsivonen.iki.fi/doctype/>) does the triggering. I avoid
having to understand all the arcane details by a simple strategy,
I just use one necessary condition I know, namely 4.01 Strict.

See best perhaps:

<http://www.quirksmode.org/css/quirksmode.html>

and there have been discussions, of course, on this ng about the
matter.

--
dorayme
Jan 19 '08 #12

P: n/a
dorayme wrote:
In article <13*************@corp.supernews.com>,
Jeff <jeff@spam_me_not.comwrote:
>maya wrote:
>>Jeff wrote:
maya wrote:
maya wrote:
>dorayme wrote:
>> GTalbot wrote:
>>>maya wrote:
>>>>everyman's dog wrote:
point well-taken about doctype.. I HAD neglegted that... just
inserted the "transitional" one.. (never sure whether to use that one or
the "strict" one..)
What does a doctype do when it comes to rendering html? For years they
did nothing at all, all it did was make the validator happy. That's it.

Then came a generation of browsers that switched from the old box model
they were using to a standards compliant box model if and only if the
doctype was strict and it had a url.
...
> If there's a doctype other than strict that actually does something
with a browser, someone tell me what it is and what it does. I don't
keep up with everything. Perhaps the xhtml, but there's no real reason
to use those for plain html.

Somebody that knows something current about getting *out* of quirks
mode should follow up.

Well, Jeff, as I understand this stuff, it is not a simple matter
of the strictness of doctype but in some ways the very presence
of a doctype (there are complicated tables of necessary and
sufficient conditions - see the bottom of page <url:
http://hsivonen.iki.fi/doctype/>) does the triggering. I avoid
having to understand all the arcane details by a simple strategy,
I just use one necessary condition I know, namely 4.01 Strict.
Thanks,

I see that my doctype knowledge is outdated, at least as far as the
sniffing goes. Trouble with html is that you have to throw away part of
what you know every few years.

I see that they are working on html 5 again:
<URL: http://www.whatwg.org/specs/web-apps/current-work/>

At least strict with a URL still works and covers the widest range of
browsers.

I seem to be initially too far ahead of the curve and then I fall
behind. I was working with streaming video in '96, with flash
predecessors back in '97, AJAX predecessors in '98.

All of those are big time now, and I know very little about the
current technology, same with the doctypes until you updated me.

I've spent the last couple days working through equal height
columns... and using some of your container height tricks.

Jeff
>
See best perhaps:

<http://www.quirksmode.org/css/quirksmode.html>

and there have been discussions, of course, on this ng about the
matter.
Jan 19 '08 #13

This discussion thread is closed

Replies have been disabled for this discussion.