Link to home
Start Free TrialLog in
Avatar of saturation
saturation

asked on

CSS alignment issue

I am using z-index to overlay a few boxes on top of another section.  I'm having a difficult time aligning the "What We Do" section and the text below it inside the box to the left, even though the text-align is set to "left".  The site is www dot drivecore dot com.  Any help?
Avatar of LZ1
LZ1
Flag of United States of America image

It's saying the shop is closed
Avatar of saturation
saturation

ASKER

Try now.
So what is it supposed to look like?  I'm kind of confused by your question.  Do you have an image of what it should be?
I don't, but basically, it should be left aligned inside that box with a bit of padding.   And the text below it should be as well...I haven't changed the color on the text yet, so it's a little blended with the background.
Try adding this:
text-align: left !important;

Open in new window


To the #carsectionright element in your CSS
I tried...No luck.
There might have been something else I did. I had it in FF though. Keep it in there and I'll look again.
Try wrapping that text in a <p> tag. Then give the p tag a text-align:left !important and let's see if that helps.

It may also be beneficial to use a CSS reset.  You are getting a lot of cross-browser misalignments because of it.
the text-align: left !important doesn't seem to be working...Any other ideas?  This seems like a bizarre issue, and it's happening on IE, FF, and Chrome.
ASKER CERTIFIED SOLUTION
Avatar of LZ1
LZ1
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Thanks!