PDA

View Full Version : Different view of coding in FF

nicky
06-10-2008, 09:06 PM
Here is my personal blog:
www.candi-coded.com/nicky

In Internet Explorer, the coding is the way it should be. However, when I view the site in Fire Fox, the div does not extend height wise.

Can anyone tell me what's wrong and how I can fix it? I'm pretty sure it's a CSS error, but I added height:100% to the div and it didn't fix it. :[
FWDrew
06-10-2008, 09:10 PM
Hi Nicky,

Take away the "height:100%;" completely and see what happens :)

Drew
rafiki
06-11-2008, 12:25 AM
Its making FF run in quirks mode.
rangana
06-11-2008, 02:15 AM
To combine, you have an incomplete DTD (http://alistapart.com/articles/doctype).

Change it to:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">


...and do as what Fwdrew said, remove the highlighted:

#container {background-color:#ffffff;
border:1px solid #000000;
border-top:0px;
border-bottom:0px;
top:0px;
left:50%;
margin-left:-300px;
position:absolute;
padding:3px;
text-align:justify;
width:600px;
height:100%;}
nicky
06-11-2008, 02:51 AM
That's weird. I just removed the height attribute which originally wasn't there, and now it works! I don't understand lol. But I'm not complaining.
FWDrew
06-11-2008, 07:27 AM
That's weird. I just removed the height attribute which originally wasn't there, and now it works! I don't understand lol. But I'm not complaining.

Glad it worked out for you :)

Be sure to add a proper DTD as suggested by Rangana and Rafiki :thumbsup:

Drew
nicky
06-11-2008, 02:14 PM
I thought the proper DTD was unneccessary since when I get it validated it comes up 100%. Why is the url part needed?