MyBB Community Forums

Full Version: Why Does This Happen?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Ok this has been annoying me for a while now so I want to get it sorted

Look at my header in IE (Internet Explorer)
and FF (Firefox)


On FF the header is all on the same line and it's working great but when I turn on IE the logo the ad and the twitter picture are all on different lines.

Is there a way to fix this and what am I doing wrong?

Thanks
Hmm, for the bar that's breaking up, it's most likely because you have two separate tables; make it into one table instead, and put all of that stuff into a tr.

As for the ads and stuff above, I think it's just one of ie's strange behaviors...
so theres no way of fixing it then mate?

I made the whole site using FF if that makes a difference
Well, I would try to debug it, but IE8 runs it fine so I can't really give you any tips.
(2009-07-02, 01:09 PM)ManUtdPeople Wrote: [ -> ]Is there a way to fix this...

Yes, you could spend 4 or 5 hours in a type of living hell, until it finally looks right. Toungue
  • Don't worry, I'm just referring the the way I learn by experimenting.
#####

Here is one way to make it look the same in all browsers.
Note: This may, or may not, be the best way, but it will work.

********************************
Is your layout a fixed width or fluid?
If fixed, this method will work well.
If fluid, try using % instead of pixels for the positioning
***********************************************

1) Create three new divs in your header (hdr1 , hdr2, hdr3... or whatever)
2) Each div holds one of the three elements in your header.
3) For the new CSS, use (for example)
 	margin-left: 10px;
in the code for hdr1
and
 	margin-left: 500px;
in the code for hdr2 (then simply adjust the number to move right or left; a smaller number will move to the left, and a larger number to the right)
...don't worry it's easy Smile
now,
 	margin-left: 900px;
in the code for hdr3 will place it at the far right (then simply adjust the number...)

###
A) This is not that hard
B) IE7, IE6 (even old IE5?) will be *forced* to obey Big Grin
C) If you have no idea how to create basic div's and CSS, just Google it, since you really do need to learn these things to succeed in running websites.

I hope this helps...