MissJohnson
New Member
hello i have a problem with padding settings i thought. after hours of research i found out that the text will be the problem!so i was a little bit confused about why a div will be displayed differently through different browsers. thats why i was running my html and css backwards and had a look at the pixel size if that will be the same and so on, even all that stuff. finally i found the problem over here:this are three different browser (chrome - left, safari - middle, firefox - right):
i use a reset css in its latest version by eric meyer:css resetso i was testing in chrome, safari and firefox. it seems that the problem comes from firefox. chrome and safari have the same heights.does anybody knows about that? is this a known bug in firefox?to give further information, i dont use line-height in that div.\[code\].wrapper #mainframe { height: 400px; width: 960px; min-width: 100%; background-image: url(../images/divider.png); background-repeat:no-repeat; background-position: 495px -7px; padding-top: 36px; padding-bottom:80px; }.wrapper #mainframe #frame { /*Thats the div in which the text makes problems*/ background-color:#4A4A4A; height: 337px; width: 445px; color: #FFF; font-family: Arial, Helvetica, sans-serif; text-decoration: none; float:left; padding-top: 15px; position: relative;}.wrapper #mainframe #frame form fieldset { position: absolute; border: none; height: 327px; width: 408px; top:-1px; left: -3px; padding-left: 28px; padding-top: 15px;}.wrapper #mainframe #frame form fieldset h1 { font-size: 16px; font-weight: bold; width: 300px; border: 1px solid red;}...\[/code\]so i would be glad if there is someone who could tell me how to fetch this.thanks alot.UPDATE:giving it a line-height makes it egual in chrome and firefox but makes problems to safari (middle):
by the way, the border to h1 tag is 1px, why does safari makes the line that thin? thought 1px is 1px so that there couldn`t be any difference? strange. this is so annoying. thanks.