IE=OK, FFOX=bad - adjascent divs, fixed width, center alignment, possible?
I hate cookies... typed whole post; "please log in"; *logged in*; error; back button; post gone.
Gah! I'll haver to write it all out again I suppose -.-, so here it goes:
Hi, I'm reletively new to css, and html without tables. I created a layout that works on IE but not in Firefox (oh firefox how we love thee </sarcasm>).
My whole page layout could be so easy with tables, it would simply be:
Of course, that's hugely simplified, but you can see the general idea. The page(s) I'm reffering to are here and the CSS file is here for refference.
The thing is, it worked in IE but not in firefox, however I'm told that infact Firefox shows it properly and IE is wrong, but because my code is wrong aswell, and two wrongs make a right, it works in IE, or such.
So my question is possibly quite a frequently asked on:
Is it possible to have two adjascent boxes (DIVs or SPANs) with fixed, different widths, but togeather are centrally aligned on a webpage?
IE, can I make the above table layout with just CSS and no tables?
then validate your page at this site http://validator.w3.org it will tell you all of your coding errors. Word of advice. If you page looks right in IE but not FF good chance your code is wrong some how. Firefox for the most part displays what you code. IE displays what it thinks you want to see.
||||If you are getting paid to do a job, don't ask for help on it!||||
Both Internet Explorer and Firefox, using an encoding auto-detect feature (if it's enabled), are able to change the encoding to whatever they see fit since you haven't specified one, hence why the characters appear correctly. IE6 displays as Western European (Windows) and Firefox 1.5 as Western (Windows-1252). You can see the problem with the characters not displaying correctly in either browser if they're served as UTF-8 by changing the encoding settings:
Firefox: View > Character Encoding (displays question marks)
Internet Explorer: View > Encoding (displays Asian characters)
So you need to fix that problem; Aerospace's content-type meta tag, provided above, should do the trick. To show what errors your page has, I went ahead and overrode the default settings; the errors are are shown in this page validation (ISO-8859-1). If you want to be even safer, you can encode your characters using character entities as listed on Wikipedia.
And yes, you also need to add a Document Type Declaration (DTD) as mentioned since your page is being displayed in quirks mode in both browsers without one; this means that your code will be unpredictable and make it difficult to create cross-browser compatible pages. For a look at what DTDs initiate which modes, you can take a look at the table on the page Activating the Right Layout Mode Using a DTD.
Please for the love of god stop making IE. You current "browser"s cause me to cry every day. —Phil *
Ah, brilliant, thanks.
You were right, I had assumed that padding didn't affect overall dimensions. Whoops!
I guess it'll be something similar to why the header and footer text are in a strang place, I'll have a go at it myself and post again if I can't make it work.
Thanks for you help guys!
EDIT: Excuse me while my brain slowly frazzles Arbitrator... I think I sort of understand, but like I said, I'm a little new to this... so, I haven't specified an encoding type, so both IE and Firefox are guessing, as it were. So I need to specify character encoding. Also, I take it I should follow steps in the page validation, and then it should work correct? Right, I'll give it a go, thanks.
EDIT2: most of the errors target the >s is that because I should use /> instead? so <br /> instead of <br> ?
Last edited by noodles355; 04-30-2006 at 09:00 PM..