• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 365
  • Last Modified:

text alignment in IE7

I have a page that looks perfect in FF but not in IE7 and google chrome.
I want the text to align within the div.
pls see the attached to be more clear:
googlechrome.png
IE7.png
firefox.png
style.css
pagecode.txt
0
Desire2change
Asked:
Desire2change
  • 4
  • 3
1 Solution
 
remorinaCommented:
Hi Desire2change,

Please remove the padding-bottom:15px from your css class .txt-box

Attached the corrected style.css
style.css
0
 
Desire2changeAuthor Commented:
wow! thats gr8!
But in IE7 still the text is not  vertically center aligned within the div.
google chrome and FF is perfect now.
0
 
HicanCommented:
You could try:
vertical-align:middle;

and then give a line-height with the same height of your div / container:
line-height:15px;

Next to that (if this doesn't work) you could try something like:
#myinnercontainer { position:absolute; top:50%; height:10em; margin-top:-5em }

But if i am not mistaken, vertical alignment doesn't really work in IE7 and further. Also read up on DOCTYPES, because they make your CSS behave in different ways :)
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
remorinaCommented:
Try the attached css file and let me know if this fixes it
style.css
0
 
Desire2changeAuthor Commented:
it still is not right.
pls see the attached
shot.JPG
0
 
remorinaCommented:
Try the below CSS file
style.css
0
 
Desire2changeAuthor Commented:
gr8! it worked ! thanks...........
0
 
remorinaCommented:
You're welcome, glad I could assist
0

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

  • 4
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now