Simple CSS with Firebird 0.8 and IE 6.0.****

Renders boxes differently - I thought CSS was a standard?

[Cartesius]

Hi!

I'm just a noobie trying to use html 4.x with css with php. So far the html bit is no biggie, nor is there a problem with php, but when It comes to CSS...

Anyway, I have these id's wich renders just beatifully with firebird, but not with IE. After googling It seems there is indeed anomalies with different browsers and following the CSS standards and so on and so on..

Does anyone knows if the css-code below can be just a little bit changed so that it looks like when firebird renders it right now. (boxes: header, sidebar, main)

#header {
position: fixed;
width: auto;
height: 100px;
top: 20px;
right: 0;
bottom: auto;
left: 20px;
border: 1px solid #f00;
}

#menu {
position: fixed;
width: 230px;
height: auto;
top: 140px;
right: auto;
bottom: 20px;
left: 20px;
border: 1px solid #f00;
}

#main {
position: fixed;
width: auto;
height: auto;
top: 140px;
right: 0;
bottom: 20px;
left: 270px;
border: 1px solid #f00;
}

Sincerly
Cartesius

[encyclo]

Welcome to WebmasterWorld, Cartesius!

position: fixed;

is not supported by Internet Explorer. You're right that CSS is a standard (and has been around for quite a few years now), but Microsoft have yet to catch up.

You might want to do a search in the CSS Forum [webmasterworld.com] here, where there are loads of experts on the topic - you'll probably have to alter your code to use position:absolute;.

[wkitty42]

another option is to use a "box hack"... i use this in my single CSS file and it works quite well...

* { /* force all browsers to use the same box model */
-moz-box-sizing: border-box;
box-sizing: border-box;
}

this is placed at the top and then i also have default settings for HTML and BODY... the BODY settings differ from style to style but i always keep the HTML the same...

html {
padding: 0;
margin: 0;
}

stack those two, one on top of the other in your CSS file and see what happens...

and as previously mentioned, read and read and read the CSS area... there's a lot of good info in there that you may simply have to "come across" by reading... these forums seem to "push" the latest activity (ie: the most recently popular/written) when the info one really needs has been discussed and solved some time back... i know that i've spent wekks and weeks reading and gathering info that i've also since forgotten... coming back to locate it is almost as tough as finding it the first time ;)