Help - Search - Members - Calendar
Full Version: Disappearing division in IE6
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
MarleyC
I am building a website which renders as I wish in FF and IE7. However, in IE6 the content section disappears.

CSS problem

Also owner has asked for sliding text which I have achieved using marquee. (Not having tried to use sliding text before,any suggestions for a better implementation would also be appreciated. I don't think is causing problem though).

Site validates except for marquee and the *html attempt I have made to fix disappearing section problem.

Thank you for helping.
Darin McGrew
I can't help with MSIE problems, but I will point out that the
QUOTE
Waikawa Bed & Breakfast
and

Snapper Bach
heading is aligned to the left edge of the display area, but everything else is centered. They'll align as you expect only at one width of display area.

You've got a few other markup errors and CSS errors besides the ones you mentioned.

Specifying a font size of 0.8em for body text is just perverse. Use 100% for body text, larger percentages for headings and the like, and (slightly) smaller percentages for legalese and similar fine print.

Your footer text overflows the height you've specified if a larger font size is enforced by the browser.

If you're going to hide and reveal content, then use the same mechanism to hide it as you use to reveal it. If you hide it with CSS and reveal it with JavaScript, then it becomes inaccessible when CSS is supported, but JavaScript is unsupported/unavailable.

There are some other glitches that might be the result of my browser's default padding/margin, since you haven't specified all the padding and margin values.
pandy
Well, it's there but it has dropped down below. That's what floats do when there isn't enough room for them.

You specify that the content box should be much wider in IE than in other browsers, so just stop doing that. smile.gif

QUOTE
CODE
*html #content    {
    width: 570px;
    w\dth: 380px;
}
MarleyC
QUOTE(pandy @ May 20 2008, 07:37 AM) *

Well, it's there but it has dropped down below. That's what floats do when there isn't enough room for them.

You specify that the content box should be much wider in IE than in other browsers, so just stop doing that. smile.gif

QUOTE
CODE
*html #content    {
    width: 570px;
    w\dth: 380px;
}




Thanks for that, will try that.
MarleyC
QUOTE(Darin McGrew @ May 20 2008, 07:28 AM) *

I can't help with MSIE problems, but I will point out that the
QUOTE
Waikawa Bed & Breakfast
and

Snapper Bach
heading is aligned to the left edge of the display area, but everything else is centered. They'll align as you expect only at one width of display area.

You've got a few other markup errors and CSS errors besides the ones you mentioned.

Specifying a font size of 0.8em for body text is just perverse. Use 100% for body text, larger percentages for headings and the like, and (slightly) smaller percentages for legalese and similar fine print.

Your footer text overflows the height you've specified if a larger font size is enforced by the browser.

If you're going to hide and reveal content, then use the same mechanism to hide it as you use to reveal it. If you hide it with CSS and reveal it with JavaScript, then it becomes inaccessible when CSS is supported, but JavaScript is unsupported/unavailable.

There are some other glitches that might be the result of my browser's default padding/margin, since you haven't specified all the padding and margin values.



Thanks Darin.

I appreciate your comments. I have never used Javascript before - I used it as the owner wants to have a "More" button to show more text. I was trying to find a way to do it with CSS but failed.

I am fairly new at this game, so appreciate your other constructive comments.
MarleyC
Ok I have removed the .html #content box (I thought I had to specify the different widths including/excluding padding for IE). However, unfortunately the problem remains.

Any other ideas please?
Darin McGrew
If you put MSIE in standards mode, then you don't have to worry about its broken box model.
MarleyC
Problem solved.

Embarrassed to say I don't know what you mean though

"put MSIE in standards mode" ?
Darin McGrew
See Activating Browser Modes with Doctype.
pandy
QUOTE(MarleyC @ May 19 2008, 10:50 PM) *

Ok I have removed the .html #content box (I thought I had to specify the different widths including/excluding padding for IE). However, unfortunately the problem remains.

No, it doesn't. tongue.gif

QUOTE

Any other ideas please?


Yeah, refresh your browser. The page looks perfectly OK now in my IE6. smile.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.