[Tut] Basic Css/Div Expandables.

[Invent]

Weird! It's fine in my IE but ***** up in FF

[:Liam]

Yep, people who say it isnt vaild I ran a vaildity check on w3.org and the results where valid so In my eyes its valid.
it doesnt show in ff because they dont except content box resize

[timROGERS]

Yep, people who say it isnt vaild I ran a vaildity check on w3.org and the results where valid so In my eyes its valid.
it doesnt show in ff because they dont except content box resize

Firefox does accept content box resize? Every layout I make, I have resizing boxes.

[Pawf]

it doesnt show in ff because they dont except content box resize

What? That's not true at all :S

[:Liam]

Well I learnt to code from a book called html and css in easy steps by mike mcgrath according to that firefox doest accept content box resizes.

[Mentor]

My eyes feel like theyve been raped after looking at the horrible code.

<style type="text/css"> #div1 {border: solid 1 px purple width: 300; Height: 300;} </style>
<div id="div1">This box will be purple and will expand when you add more text </div>

Above is your code.
Heres an expanding <div>stuff in div</div>

That div will expand when you add content, it already is as wide as whatever its contained in (if nothing the page)

To stop a div expanding, you add a width or hight css attribute, that locks the size.
If your going to make an expanding div, the obvious thing to do then is NOT add them. Yet you stupidly do add then, which stopping it from working in a valid browser, and only works in IE because of it useing an INVALID overflow.

If you were useing w3 standards and you wanted an expandable div with a hight that didnt go below a certain amount you would use min-height (not supported by IE)

Secondly, look at your css, its a miracle it works. The ; aint just there for decoration. Also if your going to be valid you shouldn't be changing your Casing. And all Pixel widths should be defined as so.

#div1 {border: solid 1px purple; width: 300px; height: 300px;}

Hence that like the rest of your codes is INVALID, aka NOT W3 compliant. So advertising this as Valid i pretty misleading IMO. Learn css , then go write a tutorial on it.

Aside from that im guessing the concept of a liquid layout is new to you?

[:Liam]

My eyes feel like theyve been raped after looking at the horrible code.


Above is your code.
Heres an expanding <div>stuff in div</div>

That div will expand when you add content, it already is as wide as whatever its contained in (if nothing the page)

To stop a div expanding, you add a width or hight css attribute, that locks the size.
If your going to make an expanding div, the obvious thing to do then is NOT add them. Yet you stupidly do add then, which stopping it from working in a valid browser, and only works in IE because of it useing an INVALID overflow.

If you were useing w3 standards and you wanted an expandable div with a hight that didnt go below a certain amount you would use min-height (not supported by IE)

Secondly, look at your css, its a miracle it works. The ; aint just there for decoration. Also if your going to be valid you shouldn't be changing your Casing. And all Pixel widths should be defined as so.

#div1 {border: solid 1px purple; width: 300px; height: 300px;}

Hence that like the rest of your codes is INVALID, aka NOT W3 compliant. So advertising this as Valid i pretty misleading IMO. Learn css , then go write a tutorial on it.

Aside from that im guessing the concept of a liquid layout is new to you?

Sorry :| When I tested it on w3.org it said It was valid so I class it as valid? I only added the widths and heights so that it would fit in the width and to set a minimum width/height for when theres no text in it.