Viewing Thread:
"This possible in css ?"

centered 700px wide layout, static header where text moves underneath it.

similar to http://devnull.tagsoup.com/fixed/horizontal.html, but centered.

[edit]http://www.fu2k.org/alex/css/frames/scalablefixed
better example, but prefer it without the equation: -

margin-left: expression( ((document.documentElement.clientWidth - (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 30 )) / 2) + 'px') ;

As Ie blocks the code executing, and it breaks the layout.


It's driving me mental.

Very_Metal wrote:
> one thing at a time i think.
> i'd like to do a CSS iframe-type thing if i can find out how.
> aaah, the glories of google :)

Don't worry about it. I've done some snopping, and each and every fixed footer example I've seen has the same bug. It's unavoidable with IE.

['edit]Just checked the Rammstein site (the inspiration for what I'm doing) and that's got it too. Grrrr. Ie suxxxxxxxxx.

Pandaemonium wrote:
> Very_Metal wrote:
> quality link mate, i'm trying to learn CSS (inbetween other
> projects)
> and i'm a fan of frames-type usability, so this is gonna be really
> helpful!
>
> Be wary of the footer. I'm a pixel out from the bottom.

one thing at a time i think.
i'd like to do a CSS iframe-type thing if i can find out how.
aaah, the glories of google :)

Miserableman wrote:
> Put it last in the html file?

lol, technically it can sit anywhere you want in the mark up as your positioning it with CSS.

Worked for a while with Google when I was at Blackwell, with how they index pages (specifically in the academic publishing sector) and discovered they index the top 50 or so lines in any page which is useless when most academics are interested in footnotes and bibliographies, which tend to be at the bottom.

The obvious answer (apart from purchasing a Google box and developing your own custom feed into Google) was to use CSS to place them at the bottom of the page visually but at the top of the page, code wise.

Good old ALA:

http://www.alistapart.com/articles/footers/

Coin wrote:
> How would you add a footer - that is ALWAYS at the bottom of the
> page.
>
> Like www.airbagindustries.com .
>
> How?!?

Put it last in the html file?

Seriously though, I think that site is broken in Opera as I don't see anything at the bottom of the page except, well, the bottom of the page.

How would you add a footer - that is ALWAYS at the bottom of the page.

Like www.airbagindustries.com .

How?!?

Very_Metal wrote:
> quality link mate, i'm trying to learn CSS (inbetween other projects)
> and i'm a fan of frames-type usability, so this is gonna be really
> helpful!

Be wary of the footer. I'm a pixel out from the bottom.

Tyla wrote:
> Ah ha... CSS Frames:
>
> http://www.456bereastreet.com/lab/cssframes/

quality link mate, i'm trying to learn CSS (inbetween other projects) and i'm a fan of frames-type usability, so this is gonna be really helpful!

Tyla wrote:
> Try xHTML DTD Strict and on another post here, try the IE7 CSS files.

I didn't want to implement server changes, but it turns out it was simply his code.

/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap {
/* set left margin and bottom padding for IE5/Win */
padding:50px 0 0 0;
margin-left:0;
/* set left margin and bottom padding for others */
voice-family: "\"}\"";
voice-family:inherit;
margin-left:16px;
padding-bottom:50px;
}

margin-left should be 17 not 16. this fixes it completely. :)

Pandaemonium wrote:
> Tyla wrote:
>
> Correct DTD?
>
> Unsure. It's even bugged on the originating site. Well, with IE6
> anyway. Damn. I need pixel perfection an all elements. :)

Try xHTML DTD Strict and on another post here, try the IE7 CSS files.