[Solved] Niether width nor min-width working in Firefox

http://www.csscreator.com/node/18218

Was this more like what you wanted?

New document

html,body,p,div,img,h1,h2,h3,h4,li,ul,dl,dd,dt,form,table,td,tr{
/*** Let's go commando ***/
margin:0;
padding:0;
border:0;
border-collapse:0;
border-spacing:0;
}
input,select{
margin:0;
padding:0;
}
body{
font-family:verdana,arial,sans-serif;
font-size:100.1%; /*** Note: see http://www.thenoodleincident.com/ style the rest of font sizes in ems ***/
}
.clear{
clear:both;
/*** these next attributes are designed to keep the div
height to 1 pixel high, critical for Safari and Netscape 7 ***/
height:1px;
overflow:hidden;
line-height:1%;
font-size:0px;
}
/* \*/* html .clear{height:auto} /*** a fix for IE Win ***/
.login_box {
text-align: left;
max-width: 170px; /* for Mozilla */
width: 170px; /* for Microsoft */
margin-left:auto;
margin-right:auto;
}
.gr{margin:10px 0px;text-align:center}
.tf60{
margin:1px 0px 1px 0px;
float:right;
display:inline;
font-size:92%;
width:60px;
}
.login_box h2{
margin-bottom:5px;
font-size:80%;
text-align:center;
}
label{
display:inline;
}
label{
min-height:1.6em;
font-size:70%;
font-weight:normal;
display:block;
width:160px;
margin-bottom:5px;
}
label span{
float:left;
display:block;
margin-top:2px;
margin-bottom:2px;
width:85px;
text-align:left;
}
.registerclick{
font-size:80%;
text-align:center;
display:block;
}

Notice the doctype. No center used in the html, no breaks, and labels attached to the input boxes, the whole thing in a form.

Trevor

That's going to take me a while to digest. It certainly fixed the issue. There's a lot here for me to learn from. I'll only ask though ...

Why go commando? lol.

What do you mean?

What do you mean?

Seriously? You don't know what it means to go commando? Suggest a google. This link made me laugh:

www.wordspy.com/words/gocommando.asp

Trev

What he meant was I left a joke comment in my css sample.

Oh, I knew what "going commando" was, I just didn't realise he was referring to your CSS comment

What I mean is - why set everything to 0?

And also... Why define label twice?

label{ display:inline; } label{ min-height:1.6em; font-size:70%; font-weight:normal; display:block; width:160px; margin-bottom:5px; }

Sorry, though css is not new to me, this is the first I've interacted with other's on the subject. Previously I've been self taught. So I feel pretty much like a noob all over again.

Set all these things to 0 because each browser seems to set them differently by default, so this way you level the field and then build and set them as needed.

As to the double setting, can't remember. The code is from a page I did last year, and it fixed a bug with IE. Delete it and if it causes any problems, then you know the possible fix. The code was taken from huge form on a huge page, so it is unlikely to cause a problem by removing it!

Well I've learned a lot. Thank you!

Ah so Grasshopper.

Just remember, noob =/= newb.

You're a newbie - new to this. Noobs are people who are persistently stupid but do not improve or learn the right way to do things, and yet they're adamant what they know is right