Includes inside Div - IE6 doesn't like it? (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

Youngster -> Includes inside Div - IE6 doesn't like it? (10/30/2004 0:23:54)

Hi,

I have verified my HTML & CSS and the site displays properly in Opera & Netscape. When I open it up in IE, I see the background and the heading only. Help!

I think the problem is I am using FP2003 includes in the #header, #navigation and #footer. If I look at it in FP2003 design view, it recognises #navigation and #centerdoc as 'layers' but not #header or #footer.

In the html, the #footer div (relative) is inside #centerdoc (absolute - the main content of the page). If I move #footer div outside #centerdoc (& before </body>) then my page appears in IE, but the #footer appears directly below #header (becuase it is relative). I don't want to make the footer absolute, because i want the page length to vary.

I hope this makes sense. I am fairly new to CSS and had (I thought) just come to terms with absolute & relative placements!!.

The site is www.netsmark.com.au and the css file is www.netsmark.com.au/net-smart.css

Cheers and thanks in advance.

Mark




c1sissy -> RE: Includes inside Div - IE6 doesn't like it? (10/30/2004 9:04:42)

Hi Mark, I'm not sure as I am just learning ssi's right now, but I think that somehow you need to style the information in the include? I would search it for you, but have a busy weekend. bigbirdnose.com has some information on ssi's and I'm sure that you could use this with fp's includes as well.

I'm sure that someone will be along to help you out, and like I said, I'm not sure if I am correct on this, but when I find where I read this information recently, I'll post it for you.

Welcome to the forum!



caz -> RE: Includes inside Div - IE6 doesn't like it? (10/30/2004 10:22:42)

The included content won't affect your css, unless you haven't positioned them correctly in the html. I use a div for includes like this
<div id="left-menu">
<!--webbot bot="Include" U-Include="myincludes/leftmenu.html" TAG="BODY" --></div>
</div>

But I think that your problem lies with centredoc not having a width and your p.class having a width of 90%; the content shoots right across the screen to infinity in IE, which is probably why you can't see it and no scroll bars appear as a hint. You need to contain those paras within the centredoc, possibly by having an inner-centerdoc div.

Regards your footer, have look at Deb's new post about links to good resources re footer help.

You have your footer in the centerdoc div, it might be an idea to put everything except the footer in a wrapper div, then it should stay at the bottom.

One question: when you refer to "layers" do you mean divs?
PS. I don't take much notice of design view, it often doesn't display everything - especially included content. I find that I mostly work in code view/preview in browser.
Cheers
Carol



c1sissy -> RE: Includes inside Div - IE6 doesn't like it? (10/30/2004 11:36:26)

quote:

You have your footer in the centerdoc div, it might be an idea to put everything except the footer in a wrapper div, then it should stay at the bottom.


Caz, you are correct about this. If you remove the footer from the container div, it should behave. Notice I say "should"?[;)]

And in regards to layers, some people are incorrectly taught that divs are layers, I believe that this might arise from people who work with Dreamweaver, they don't call them divs, they call them layers. Correct term is Div, though I know we are going to run across this so I just wanted to let you know.



caz -> RE: Includes inside Div - IE6 doesn't like it? (10/30/2004 16:18:29)

There are a lot of "shoulds" in CSS, lol.

I wasn't too sure about Mark's approach to layers because he uses the z index quite a lot, reminding me of my Pagemaker days when layers were just that, one on top of another being sent forward/backwards and top/bottom all over the place.

Pagemaker...ah, the nostalgia for the crabby old thing[;)]



Youngster -> RE: Includes inside Div - IE6 doesn't like it? (10/30/2004 16:53:55)

I think you might be right. I will spend some time later today 'playing' and let you know. The reason I think you are right is if I create a "layer" in FrontPage 2003 (frontpage terminology) it has the inline formatting and FP recognises a "layer". Where I have used all of the elements in my CSS that FP uses, FP has recognised the "layers". Where I havn't - header & footer - it has simply included it as html, not a div (layer).

Hope that all made sense - it's been a long night.

Thanks for the direction.

Cheers
Mark



Youngster -> RE: Includes inside Div - IE6 doesn't like it? (10/30/2004 16:57:46)

Frontpage 2003 calls divs layers.

I'm pretty sure the 90% isn't a problem, becasue when I was testing I created the divs in FP Design view (which it liked - I think I need to specify more formatting options for each div for FP/IE to recognize them.

Cheers
Mark



Youngster -> RE: Includes inside Div - IE6 doesn't like it? (10/30/2004 17:48:37)

Thank you Deb-aka-c3Ksissy,

Thank you, thank you.

That's what it was. In FP2003, they have what they call layers - which are really divs - but they must have style attributes (position, margin-top,, margin-left,height, width).

With all of the style attributes, it displays exactly the same in IE as in any other browser (al least Netscape, Opera & Mozilla).

Cheers & thanks again.

Mark
www.netsmark.com.au



caz -> RE: Includes inside Div - IE6 doesn't like it? (10/31/2004 12:13:22)

I noticed that you had in-line styles, (or was it embedded?) in your html and of course these over-ride your external stylesheets. Not using FP for constructing CSS, it did have me puzzled, although I guessed that the "layers" term was clouding the issue.

I came across two articles on using CSS with Frontpage which you and others might find useful

http://msmvps.com/frontpage/category/757.aspx

They were written by Tina, a member of this forum.



c1sissy -> RE: Includes inside Div - IE6 doesn't like it? (10/31/2004 19:12:10)

Youngester, your welcome.
Also, just something to remember here, When you use a linked sytle sheet, embedded styles and then inline styles, the styles that are the closest to your code win the war on styling.

So the highest priority would be inline because its the closest, followed by embeded, then by linked. I hope that this makes sense to you?

Caz, thanks for the articles, I'm going to read them when I get a second to breath. Also, lol, don't forget to post this in the links section![;)] Since I dont' use fp for my code and styles right now, I"m not too familar with how it works. When I do learn the coding by hand, then I'll play with fp and css as time permits.



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.0625