I wanted to make the width of my blog www.trijuice.com 60 pixels wider. I documented the changes I made to the default stylesheet, these are shown below.
CODE
#container {
position: relative;
margin: 0 auto; /* center on everything else */
width: 780px; /* NLM - CHANGED FROM 720px */
text-align: left;
}
body {
min-width: 780px; /* NLM - CHANGED FROM 720px */
color: #333;
background: #36414d;
}
#container {
width: 780px; /* NLM - CHANGED FROM 720px */
margin-bottom: 20px;
background: #fff;
}
#banner {
width: 770px; /* necessary for ie win - NLM - CHANGED FROM 710px */
background: #a3b8cc;
}
#alpha { margin: 15px 15px 0 15px; width: 540px; } /* NLM - CHANGED FROM 480px */
position: relative;
margin: 0 auto; /* center on everything else */
width: 780px; /* NLM - CHANGED FROM 720px */
text-align: left;
}
body {
min-width: 780px; /* NLM - CHANGED FROM 720px */
color: #333;
background: #36414d;
}
#container {
width: 780px; /* NLM - CHANGED FROM 720px */
margin-bottom: 20px;
background: #fff;
}
#banner {
width: 770px; /* necessary for ie win - NLM - CHANGED FROM 710px */
background: #a3b8cc;
}
#alpha { margin: 15px 15px 0 15px; width: 540px; } /* NLM - CHANGED FROM 480px */
Why is this happening, can someone point me in the right direction. I've worked on this for 2-3 weeks and I can't figure it out. Am I supposed to change something else? Many users that visit are still using IE 6.0 and not IE 7.0 This is not an issue with the FF browser, version 1.5 or 2.0
thanks,
-devnick
