npn2531 Posted October 24, 2011 Author Share Posted October 24, 2011 (edited) Looking closer at your question I see what you are asking. Nothing wrong with adding an extra div, but that should not be necessary. You can do this by doing nothing more than changing the stylesheet. If .infobox, .infoboxcontents, .infobox-image{text-align:center;} does not center the image then rest assured that something else in the stylesheet is overriding it. Try #column_left .infobox-image{text-align:center;} or even img {text-align:center;} Some combination will work. Try putting your guesses at the bottom of the stylesheet. try this: img.infoboxcontents{ text-align:center; } Edited October 24, 2011 by npn2531 Quote Oscommerce site: OSC to CSS, http://addons.oscommerce.com/info/7263 -Mail Manager, http://addons.oscommerce.com/info/8120 Link to comment Share on other sites More sharing options...
mcbsolutions Posted November 6, 2011 Share Posted November 6, 2011 I'm implementing this on a 1200 pixel grid. I updated my 960.css file accordingly. I'm having just an issue with my grid breaking down somewhere and can't figure out where. This is causing the footer to not display. In my working test install I should be getting html like this. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en" dir="LTR"> <head> <body> <div class="container_24"> <div id="header" class="grid_24"> <div class="clear"></div> <div id="column_left" class="grid_5"> <div id="content" class="grid_14"> <div id="column_right" class="grid_5"> <div class="clear"></div> <div id="footer" class="grid_24"> <div class="clear"></div> </div> <div class="ui-dialog ui-widget ui-widget-content ui-corner-all " style="display: none; z-index: 1000; outline: 0px none;" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-1"> </body> </html> But what I get is this below in a site I am converting to this new version of osc-css with a 1200 grid. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en" dir="LTR"> <head> <body> <div class="container_24"> <div id="header" class="grid_24"> <div class="clear"></div> <div id="column_left" class="grid_5"> <div id="content" class="grid_14"> <div id="column_right" class="grid_5"> </div> <div class="cart_status" style="display: none;"></div> </body> </html> You might need to paste these into your favorite file comparison tool to see the difference. I'm also not sure why the div class for cart_status is not pulling in the correct results. I checked my working code vs. non working code in the relevant areas and all is the same. So I am missing something but not sure where the problem lies. Thanks for any assistance. Quote Link to comment Share on other sites More sharing options...
mcbsolutions Posted November 7, 2011 Share Posted November 7, 2011 I'm implementing this on a 1200 pixel grid. I updated my 960.css file accordingly. I'm having just an issue with my grid breaking down somewhere and can't figure out where. This is causing the footer to not display. In my working test install I should be getting html like this. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en" dir="LTR"> <head> <body> <div class="container_24"> <div id="header" class="grid_24"> <div class="clear"></div> <div id="column_left" class="grid_5"> <div id="content" class="grid_14"> <div id="column_right" class="grid_5"> <div class="clear"></div> <div id="footer" class="grid_24"> <div class="clear"></div> </div> <div class="ui-dialog ui-widget ui-widget-content ui-corner-all " style="display: none; z-index: 1000; outline: 0px none;" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-1"> </body> </html> But what I get is this below in a site I am converting to this new version of osc-css with a 1200 grid. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en" dir="LTR"> <head> <body> <div class="container_24"> <div id="header" class="grid_24"> <div class="clear"></div> <div id="column_left" class="grid_5"> <div id="content" class="grid_14"> <div id="column_right" class="grid_5"> </div> <div class="cart_status" style="display: none;"></div> </body> </html> You might need to paste these into your favorite file comparison tool to see the difference. I'm also not sure why the div class for cart_status is not pulling in the correct results. I checked my working code vs. non working code in the relevant areas and all is the same. So I am missing something but not sure where the problem lies. Thanks for any assistance. Got it resolved, I just had something in a custom infobox in the right column that was the problem. Took awhile to figure that out. Maybe this helps someone if they have a similar issue. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.