i have a 960 container.
what i had done:
1st outerwrapper(named s1) for 1st div and then 1st div is given width:960 and margin center. Outerwrapper is given margin:0px -300px;
this same thing is applied to the 2nd outerwrapper(named "s2")(the one having FOODIE logo).
it works fine on pc which is having more than 960px width. But on Cellphone(NOT IN OPERA BROWSER) extra right portion is seen. what should i do to make it correct?
coding of 1stouterwrapper(s1) and 2nd outer wrapper(s2) is :
darkbluecontent is the inner container of s1
and lightbluecontent is the inner container of s2
their coding are:
Help me out please, i am badly stuck
Prob the overflow-x if I understand you. Try just overflow
it will never work coz if
will be used then no scroll option will come and its not of any use.
For this kind of layout, you are better off (IMO) just creating full width bands as described here: