I made a #header div box and placed an <h1> inside this div and I want to relatively position it "semi-outside" the bottom of #header and have it centered. Unfortunately, it works great in IE6 but does not center-align the h1 in firefox. Any idea why it is not center-aligning the h1 in FF? Thanks.
#Header {
width: 583px;
text-align: center;
padding-top: 60px;
height: 40px;
border: 1px solid #000;
}
#Header h1 {
position: relative;
width: 480px;
padding: 5px;
border: 1px solid #000;
text-align: center;
}
Any help would greatly be appreciated! Thanks!
Firefox -> rel pos text-align
Moderator: General Moderators
- seodevhead
- Forum Regular
- Posts: 705
- Joined: Sat Oct 08, 2005 8:18 pm
- Location: Windermere, FL
Code: Select all
#Header {
width: 583px;
text-align: center;
padding-top: 60px;
height: 40px;
border: 1px solid #000;
}
#Header h1 {
position: relative;
width: 480px;
margin:0 auto;
padding: 5px;
border: 1px solid #000;
text-align: center;
}