xmfClick
-
Posts
5 -
Joined
-
Last visited
xmfClick's Achievements
Newbie (1/7)
0
Reputation
-
Thanks kurtsfar -- done that already, it works fine (though you need to set the width a bit less than 800px to avoid a horizontal scroll bar). But you also need to set body{text-align:center} to counter an IE bug and then div#container{text-align:left} to undo the centering. Dammit Microsoft, why can't you write decent software??? (that 3-pixel but has had me tearing my hair out for two weeks).
-
Thanks for the thoughts, guys. I probably should have mentioned that I'm trying to achieve a centred fixed-width design, rather than one that fills the whole page (if that makes any difference) Thanks Brendon, but when I floated the #content div it just flowed round the bottom of the left nav. After some more rummaging round cyberspace I found an article on Position Is Everything talking about the float model and the various browser bugs. It looks like I hit the (surprise surprise) IE 3-pixel bug described in ref#1 (don't know why you haven't hit it, kurtsfar -- maybe it doesn't show up with percentage widths). I have got round the problem (although hitting more IE weirdness on the way <sigh>) by using the "rigid float" method described in ref#2. It's hanging together at the moment, so I'll call it a night!Thanks again guys.1. http://www.positioniseverything.net/floatmodel.html2. http://www.positioniseverything.net/ordered-floats.html3. http://www.communitymx.com/content/article...age=1&cid=C37E0
-
Another option, if the site is basically static, is to store the template-y bits in INCLUDE files and INCLUDE them in your content-y pages. So, if you had a standard header and footer, your average content page would look something like this:-<html><#include file="inc_header.html"><h1>Welcome to JelloFreaks.com!</h1><p>blah blah blah</p><#include file="inc_footer.html"></html>Then you just need to change the header or footer INCLUDE file and Viola! (as they say), your whole site is changed. Whether you can do this or not depends on your server, however, so you'd need to do a little research. Ask your hosting service, and Google around a bit. Much easier than writing code, though regarded as a little old-fashioned (but what's wrong with that?)
-
The problem with generating something as fundamental as a nav bar in javascript is that it leaves anyone who has javascript disabled without a nav bar. If you have to include the exact same thing in many HTML files, I'd suggest you research INCLUDE files (though whether you can use them or not depends on things like what server you are using, and what language if any). Hope this helps.
-
I am fairly new to CSS, though a developer for many years. A client asked me to update his website, and we discussed changing the layout from table-based to "CSS-based", i.e. box model. Great; I read as much as I could, snaffled stuff from AListApart, BlueRobot, OSWD and so on. Got the content generation working (it's a sort of CMS thing in back), but the problem I have is that (in IE6) the main content div expands a few pixels leftwards once it reaches below the bottom of the left nav. Works fine in Ffox 1.5. Is this a known problem? I can't find any reference to it. If it's known, does anybody know a workaround? Basic structure is shown below. If you want the code I'll post it, but I don't want to waste people's time ploughing through my sorry code if this is a known problem with a workaround. (Bizarrely, when I changed the left nav + main content to use a simple two-cell table, as an experiment, IE6 displayed it perfectly while Ffox didn't display it at all.)Thanks in anticipation,Click <body><div id="container"> <div id="header"> logo etc </div> <div id="topnav"> <ul><li>sliding doors</li></ul> </div> <div id="leftnav" float:left width:150px> menu </div> <div id="content" margin-left:165px> main content </div> <div id="footer"> copyright etc </div></div></body>