I cannot stop running into div problems in IE which display perfectly fine in Firefox. My page even passes validation at W3C, and my CSS file also passes validation there as well.
I am on the verge of putting up a script that when the person loads the site - tells them to use Firefox because IE can't display it properly. I can't even upload content right now because of this problem.
If anyone can find anything as to why IE is doing this, feel free to view source code at this link (and take a look how it looks in Firefox vs IE)
*Problem Fixed*Looking at your code, yes, -it validates. But I spotted about a dozen things that *I'd* fix right away (not the least of which is that serverly outdate <center> ~foo~ </center> that tries to center the page...
I have your code... give a few minutes to look it over.
Ok I fixed the title
What's an alternative to <center>? I've always used those
use css to center ur page instead of html.
Liquid CSS code:
div#container
{
margin-left: 10%;
margin-right: 10%;
}
FIXED CSS CODE:
div#container
{
margin-left: auto;
margin-right: auto;
width: 50em;
}I have got the code updated quite a bit, -and reduced in size by about 1/3rd. Looks great in IE (of course), -but in Firefox I still have (apparently) an un-cleared float to contend with. I'll give it a rest for the night and go at it again tomorrow.
(looks good)
And yes, 'centering' is best done by stating a WIDTH (either px, em or %), andf adding "margin:0 auto;". That substracts the "width" of the element from the width of the user's screen, and 'auto-centers' the left-and-right. "centered".
I have seen Firefox 'stumble' with "<center></center>" (although it should still be ble to read & understand this...)
"<center></center>" is deprecated, -as is the reviled "<font></font>" tag...Well, ok. I guess after working on a website back in 2001-2002, those tags just stuck with me. Never knew they went deprecated.
I'll end up throwing all paragraph/font styles into the css.
I figured out my problem in that FF and IE seem to treat divs differently. It seems like in FF that the div width is fixed, but I had an object in there that was larger then the div size, and IE resized it to fit.
Also if the font tag is deprecated, what do people do now? Just use <p class="somestyle"> ?Or just style all the paragraphs the same and then you don't need the class and can just use CSS to style all the paragraphs is one command.This was quite the lil' troublemaker, -wasn't it??
I had quite a time getting even a closely-resembled version. I have most assuredly left-out some of what you had in there, but this looks nearly the same now for IE as Fx. I can't view the 'google ads' in my Firefox 'offline', -I must have 'ads turned off' and I get a big, blank spot, but I am assuming that this would work. I adjusted the width to make it fit on 800x600 without horizontal scrolling. This only reduced your existing width by a very small amount. All the CSS is 'internal', -nothing is referanced 'outside'. I CSS is 'shadowed-out' because it is not used, -but i assume that you still want to use it.
I'll work with it some more later, but this is about as close as I can get it.
I am on the verge of putting up a script that when the person loads the site - tells them to use Firefox because IE can't display it properly. I can't even upload content right now because of this problem.
If anyone can find anything as to why IE is doing this, feel free to view source code at this link (and take a look how it looks in Firefox vs IE)
*Problem Fixed*Looking at your code, yes, -it validates. But I spotted about a dozen things that *I'd* fix right away (not the least of which is that serverly outdate <center> ~foo~ </center> that tries to center the page...
I have your code... give a few minutes to look it over.
Ok I fixed the titleWhat's an alternative to <center>? I've always used those
use css to center ur page instead of html.Liquid CSS code:
div#container
{
margin-left: 10%;
margin-right: 10%;
}
FIXED CSS CODE:
div#container
{
margin-left: auto;
margin-right: auto;
width: 50em;
}I have got the code updated quite a bit, -and reduced in size by about 1/3rd. Looks great in IE (of course), -but in Firefox I still have (apparently) an un-cleared float to contend with. I'll give it a rest for the night and go at it again tomorrow.
(looks good) And yes, 'centering' is best done by stating a WIDTH (either px, em or %), andf adding "margin:0 auto;". That substracts the "width" of the element from the width of the user's screen, and 'auto-centers' the left-and-right. "centered".
I have seen Firefox 'stumble' with "<center></center>" (although it should still be ble to read & understand this...)
"<center></center>" is deprecated, -as is the reviled "<font></font>" tag...Well, ok. I guess after working on a website back in 2001-2002, those tags just stuck with me. Never knew they went deprecated.
I'll end up throwing all paragraph/font styles into the css.
I figured out my problem in that FF and IE seem to treat divs differently. It seems like in FF that the div width is fixed, but I had an object in there that was larger then the div size, and IE resized it to fit.
Also if the font tag is deprecated, what do people do now? Just use <p class="somestyle"> ?Or just style all the paragraphs the same and then you don't need the class and can just use CSS to style all the paragraphs is one command.This was quite the lil' troublemaker, -wasn't it??
I had quite a time getting even a closely-resembled version. I have most assuredly left-out some of what you had in there, but this looks nearly the same now for IE as Fx. I can't view the 'google ads' in my Firefox 'offline', -I must have 'ads turned off' and I get a big, blank spot, but I am assuming that this would work. I adjusted the width to make it fit on 800x600 without horizontal scrolling. This only reduced your existing width by a very small amount. All the CSS is 'internal', -nothing is referanced 'outside'. I CSS is 'shadowed-out' because it is not used, -but i assume that you still want to use it.I'll work with it some more later, but this is about as close as I can get it.