Extending width all the way to left and right?

If you look into the website :
http://mcec.my/
You scroll down and under the sponsor section where you see a pink background, how do you extend the background all the way across the browser screen when the page load?
Because now the left and right side is white and looks weird...
Thanks for any help in advance

The reason that the pink area does not stretch accross the page is because it is constrained by the outer container div.
Your site structure is a typical method of centering a website in the browser. Everything gets placed in a container which is give a width and a left and right margin of auto.
The way to change it is to get that section of the page out of the container. Place it under the rest of the page in it's own container and then add the pink background to that. You might then need to put the content of that section in another div and use the same technique to centre it.
You can see that with the top section of the page, the effect is achieved with a graphic. You could to the same again with a pink graphic and then try to set that in the CSS. However, this won't be easy if the content of your pages changes.
Martin

Similar Messages

Why header does not stretch all the way from left to right?

I am using Dreamweaver CS3. I am a newbie. I modified a dreamweaver two column template.
Now I find that there is always a gap between the header and the left and right edge of the web page! I am enclosing the css stylesheet. Please tell me where I went wrong. Thank you very much.
@charset "utf-8";
body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #666666;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
.twoColFixLtHdr #container {
    width: 90%; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 1px solid #000000;
    text-align: left; /* this overrides the text-align: center on the body element. */
.twoColFixLtHdr #header {
    background: #a4c2c2;
    padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
#logo {
    height: 71px;
    padding-bottom: 12px;
    width: 100%;
    background-color: #999966;
    padding-top: 12px;
#nav {
    height: 28px;
    padding-top: 12px;
    padding-bottom: 12px;
.twoColFixLtHdr #header h1 {
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #000000;
    text-align: center;
    font-size: 36pt;
.twoColFixLtHdr #sidebar1 {
    float: left; /* since this element is floated, a width must be given */
    width: 40%; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
    background: #EBEBEB;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 21px;
.twoColFixLtHdr #mainContent {
    float: right;
    width: 42%;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0px;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 20px;
    font-size: 14px;
    line-height: 30px;
.twoColFixLtHdr #footer {
    padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
    background:#DDDDDD;
    clear: both;
.twoColFixLtHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;

.twoColFixLtHdr #header {
    background: #a4c2c2;
    padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
The instructions (comments) above give you a clue. Zero out the left (20px) and right (10px) padding.
.twoColFixLtHdr #header {
    background: #a4c2c2;
    padding: 0;

I have imported iphoto library all the ways you recommended and when I try to view it, it only allow

I have imported iphoto library into photoshop elements 11 organizer all the ways you recommended and when I try to view it, it only allows me to view one photo at a time. What can I do?

At the bottom right of the window, move the zoom slider to the left:

I cant connect to my wifi due to the fact that it says its a wrong password and ive tried resetting all the ways i can and it still says i have the wrong password what can i do

i cant connect to my wifi due to the fact that it says its a wrong password and ive tried resetting all the ways i can and it still says i have the wrong password what can i do

Do other devices connect to the same wifi router?
Have you tried powering off and then back on the router?
Did you connect before OK?
Have you reset the iPod?
Reset iPod touch: Press and hold the On/Off Sleep/Wake button and the Home
button at the same time for at least ten seconds, until the Apple logo appears.
Reset network settings: Settings>General>Reset>Reset Network Setting
-The troubleshooting here:
iPhone and iPod touch: Troubleshooting Wi-Fi networks and connections

When i turn on my Ipad air In the cornors of the Black Screen It has white stuff near the top bottom left and Right When it's all it turned on it's fine But when I go to a black Background It does the Same is this normal?

When i turn on my Ipad air In the corners of the Black Screen It has white stuff near the top bottom left and Right When it's all it turned on it's fine But when I go to a black Background It does the Same is this normal
It
I
O

when I turn on my ipad and the black screen comes on I have a slight white light running along the bottom meaning the whole screen is not black. Is ths normal.
better details Sorry
N

I am writing a book and need to have the margins alternating left and right pages, so that there is sufficient margin for the binding. I have tried different inside and outside margins, the same inside and outside margins, facing pages, changing the maste

I am writing a book and need to have the margins alternating left and right pages, so that there is sufficient margin for the binding. I have tried different inside and outside margins, the same inside and outside margins, facing pages, changing the master, and I cannot get the margins to alternate at print time. The larger margin is always on the left. Can anyone please help me on this, as I have spent hours and lots of ink.

Set up as facing pages with a larger inside margin.

Vocals on M-audio fasttrack panned all the way to left (only in left ear)

I record vocals using an m-audio fasttrack. When i listen back to the vocals they only play in the left ear, in other words, they are panned all the way to the left. When i turn the pan knob all the way to the right, i can't hear the vocals, and when i turn it back to the middle, it only plays in the left ear again.
anybody know the problem?

http://www.bulletsandbones.com/GB/GBFAQ.html#leftspeakeronly

Wrongly transformed the sentences of left and right paragraphs into one sentence in PDF files to txt files by Acrobat 9 Pro

I found that the when transforming PDF files into TXT files by Acrobat 9 Pro, the Acrobat will wrongly transform the sentences of the left hand side and right hand side paragraphs into one sentence, while the correct format should be the later sentence follows the former sentence in each paragraph.
An example PDF is : http://cardiovascres.oxfordjournals.org/content/cardiovascres/45/1/200.full.pdf
Is there any solution for this problem? Or should I use other software (or other version of Acrobat) to solve the problem? Thank you.

PDF is not a word processor file format.
It has no "styles", "format", "layout", "columns", "rows", "tables", etc.
PDF writers paint the content to the canvas that is the PDF page.
Depending on what was used and how it operates this painting can be like a paint by numbers affair.
ISO 32000-1:2008, the ISO standard for PDF explains it all.
So, when exporting to text from your PDF the progression is left to right, top down.
Remember, PDF has no awareness of "columns". What we see is our construct not PDF's.
What you and I see as two columns with a specific read order is our imposition.
What is on the PDF page is simply a line of text characters.
That is how it is with all versions of Acrobat. Applications can only make use of what the file format supports eh.
What to do?
Master content in a logical hierarchy in the authoring file.
Always use the build-in Headings for Headings.
Use the built-in "table" feature.
Use a PDF writer process that is compliant with the ISO standard and that supports proper output of Tagged PDF.
A well-formed Tagged PDF will export properly.
Two key design considerations for Tagged PDF are:
(1) Support Accessible PDF
(2) Support Export of PDF page content.
What constitutes a "well-formed tagged PDF?"
This would be a PDF that is ISO 14289-1, PDF/UA-1 compliant.
Be well...

My ipod's music quality is inferior. It doesnt have the surround sound/ left and right audio channel unlike my brothers ipod? is there a problem with the chip?

I have an ipod touch 4g (8GB), I got this about 2.5 months ago, the same time my brother get his. My problem is that I noticed that audio quality is better on his device than mine. I have been listening to music and had different music devices before (non-Apple product and mobile phone) and the quality of music is better when I used to listen to those devices as well as my brother's ipod touch. Im referring to the left and right audio channels. Im not so good about the technical stuff but the best explanation I can give you is in a music or a movie, there's an effect wherein you can here a sound only at the left ear phone/speaker that you cant hear at the right earphone/speaker. I mean for example in a song, a guitar intro can be heared only at the left
ear while the background music plays on the other ear. Or when theres and echo effect on the song that alternates sound on the left and right ear. I hope youre getting what Im trying to say. Im bothered that my ipod is fake or has an internal problem on the chips or something because I didnt bought this at an Apple Center/Mac Center. I bought it on a retailer. I am not able to visit any store or Genius Bar or contact an apple specialist through phone because of my work schedule and work load. I have contacted the retailer before when I tried to return it for replacement or repair but he told me that it is under Apple's warranty, not theirs. I do hope that I can get a help from you because I want to really enjoy my device. Thank you and Im looking forward for the responce/assistance form you.

I suggest you don't apply pressure to the screen - it's a Touch - you touch the screen not push it.
Phil

When creating a resume and not using the provided templates... How do you set the page up to all you to utilize left and right flush margins at the on the same line? Any other tips for setting up the document for a resume would be appreciated! Thanks...

For an example......
SUMMARY
ksdlkasjdflksdmflkagflkaglaksdfmlksadmflaksmdflaskdmflaksfgalkfdgndflkngladfknga lmfv,amsdglkaglkajglkjalkgfmlmv.zmxcv.mldkglksdgjlskdfjglskdfglkdsfgmlsdkfmg
PROFESSIONAL EXPERIENCE
Comapny                                                                                                                                                                                                                 Location
Title                                                                                                                                                                                                                            Date
This side left flush                                                                                                                                                                              This side right flush
Also, as another option how would I set up a template save it to use for motifying my resume according to the specific job inwhich I am applying?
Thanks!

That is poor type layout.
European languages read left to right, a ragged left edge is the worst possible layout for listed data.
The only circumstance you should use the left/right alignment is in header/footers for running heads and page numbers wheer they are widely separated and therefore easy to scan as individual short snipetts of text.
Peter

Wrongly transformed the sentences of left and right paragraphs into one sentence in PDF files to txt files by Acrobat 11

I found that the when transforming PDF files into TXT files by Acrobat 11, the Acrobat will wrongly transform the sentences of the left hand side and right hand side paragraphs into one sentence, while the correct format should be the later sentence follows the former sentence in each paragraph.
An example PDF is : http://cardiovascres.oxfordjournals.org/content/cardiovascres/45/1/200.full.pdf
Is there any solution for this problem? Or should I use other software (or other version of Acrobat) to solve the problem? Thank you.

Hi Anubha,
Same problem occurred when converted into word file.
I convert the PDF into txt as I need to use the txt format for running some analyses (and I have thousands of such PDF).
However, I found the same problem even if I use the original PDF file, so I am seeking the solution.
Actually the PDF can be converted to any format if the problem can be solved! Thank you.

I can log onto Facebook ,and my yahoo mail but the page doesn't load up all the way.My messages and various things aren't showing up.Can someone please help?

I can log into facebook and yahoo but the will not finish loading up, I had this problem with 1e9 but i switched to firefox 5.0.1 and the problem with ie9 was it said my javascript was turned off, but i had it turned on.Thats when I switched to firefox.I am running this on a windows vista home premium system. Can someone please help me?

You may have to open Mail, go to the upper left corner of the screen and click on the word Mail, open Preferences, click on Accounts, and make sure your Gmail account is still fully set up properly with all proper account and incoming and outgoing Mail Servers properly completed. When you added iCloud capability it may have upset the account settings for Gmail.
Hope this helps

I'm trying to download ios 5 its gets all the way done downloading and then says theres an error in my network, i've tried to download it 8 times, what can i do?

I need help setting up my iso 5 i just keep getting an error message after its already fully loaded, it says error with network.

If you have a Windoze PC, try temporarily disabling the antivirus, anti-adware, anti-spyware, and any other anti-whatever that is running and required with that secure OS before beginning the download.

HT201210 tried to update my iphone. There was an error and it went into recovery mode. It goes all the way thru recovery and then says it has to do it again.

Can't get my iphone out of recovery mode.

What, exactly, happens when you try to restore it?

My iphone is in recovery mode and when i try to restore it, its doesn't go all the way threw the happen right after i try to upgrade my phone. what do i do HELP ME!!!

my iphone is in recovery mode and when i try to restore it, its doesn't go all the way threw this happen right after i try to upgrade my phone. what do i do HELP ME!!!

Hi, are you doing it through Settings or via iTunes? If doing it through Settings, try plugging it in via USB and updating with iTunes. Hope this helps.

Extending width all the way to left and right?

Similar Messages

Maybe you are looking for