Forums / Templates, Stylesheets, Page Layout / Text in FIREFOX aligned to the left, Text in IE aligned to the right

Text in FIREFOX aligned to the left, Text in IE aligned to the right

Locked

Started by iiinycboi on 25 Jul 2009, 7:02 AM · Views: 1,182

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
25 Jul 2009, 7:02 AM
#1
iiinycboi avatar

iiinycboi

New Zenner

Join Date:
Jul 2009
Posts:
14
Plugin Contributions:
0

Text in FIREFOX aligned to the left, Text in IE aligned to the right

Hello everyone,

I need some help fixing and finding out whats wrong with my site. I believe it is part of the CSS style sheet.

My site looks exactly the way i want it to, but when i test in IE all the text in the sidebox content and the breadcrumb is centered.

I tried adding width:100% or even setting a set width px for all the boxes. (sideboxContent, centerContent)

I'm stuck on how to fix this. Any help would be appreciated!

https://www.bumbumm.com

25 Jul 2009, 9:20 AM
#2
iiinycboi avatar

iiinycboi

New Zenner

Join Date:
Jul 2009
Posts:
14
Plugin Contributions:
0

Re: Text in FIREFOX aligned to the left, Text in IE aligned to the right

ok i kinda figured it out, i went into the style sheet and added position:absolute to the breadcrumbs and it worked for IE but i cant figureout where to put this for the sidebox links without messing up the left column.

25 Jul 2009, 9:25 AM
#3
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: Text in FIREFOX aligned to the left, Text in IE aligned to the right

I think you're looking in the wrong place. You have a <center> tag in your header that is opened but never closed. Sooner or later the browsers need to close it, but they're coming to this conclusion at different times.

Rather than closing the tag, I'd recommend removing it and using CSS to center your text, that way the styling will apply only to what you tell it to apply to and your design won't unexpectedly change if browsers stop recognising the <center> tag (which is no officially deprecated).

This is an example where validating the site is helpful. You have a few validation errors and this would have been picked up as the first of them.

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)