ben03 Posted October 12, 2009 Share Posted October 12, 2009 I used the following technique to allow pages to align centrally in the browser: body { font-family: Helvetica, Verdana, Arial; font-size: 12px; color: #333333; background-image: url('images/layer2.gif'); background-repeat: repeat; text-align: center; }#outercontainer{ position: relative; width: 910px; height: 1560px; background-color: #333333; z-index: 1; } All the items in the #outercontainer are placed using absolute positioning. #outercontainer is the only part using relative positioning and the central alignment in the body tag kept it central. That was until the new firefox, IE and Safari and it now no longer works. The page just goes left in the browser. How can I overcome this? Link to comment Share on other sites More sharing options...
chibineku Posted October 12, 2009 Share Posted October 12, 2009 Giving #outercontainer margin: 0 auto should center it. Link to comment Share on other sites More sharing options...
ben03 Posted October 13, 2009 Author Share Posted October 13, 2009 Thanks buddy that's sorted it Link to comment Share on other sites More sharing options...
chibineku Posted October 13, 2009 Share Posted October 13, 2009 Welkommen Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.