organza
09-29-2011, 02:52 AM
Hello,
Ive only been learning CSS for a few months and cant figure out how to increase the header width on my website organzagiftbag.co.uk,
could someone please point me in the right direction to make it full width,
<style type="text/css">
p {margin-top: 0px;}
.blank {clear: both;}
form {margin: 0; padding: 0;}
a img {border: none 0;}
input {outline: none 0;}
h1, h2, h3, h4, h5, h6 { color:#C6AEC7; }
h1, h2, h3, h4, h5 {margin: 0; font-size: 16px; font-weight: bold;}
.inner {width: 960px; margin: 0 auto;}
a {color: #6c2dc7; text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}
body {margin: 0; padding: 0; background:url(/ekmps/designs/templates/50026/images/bg.png) repeat-y center top #eeeeee; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.tip {background: rgba(75, 75, 75, 0.9); font-size: 11px; color: #CCC; position: absolute; opacity: 0; z-index: 10;
/* CSS3 */ border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; box-shadow: 0 2px 7px #0c0c0c; -webkit-box-shadow: 0 2px 7px #0c0c0c; -moz-box-shadow: 0 2px 7px #0c0c0c;}
.tip.show {padding: 10px;}
.tip strong {display: block; margin: 0 0 5px; font-style: italic; font-size: 12px;}
/* HEADER */
#header {padding: 30px 0 10px;}
#header #logo {margin: 0 0 0 10px; float: left; width: 295px;}
Regards
Steve
Ive only been learning CSS for a few months and cant figure out how to increase the header width on my website organzagiftbag.co.uk,
could someone please point me in the right direction to make it full width,
<style type="text/css">
p {margin-top: 0px;}
.blank {clear: both;}
form {margin: 0; padding: 0;}
a img {border: none 0;}
input {outline: none 0;}
h1, h2, h3, h4, h5, h6 { color:#C6AEC7; }
h1, h2, h3, h4, h5 {margin: 0; font-size: 16px; font-weight: bold;}
.inner {width: 960px; margin: 0 auto;}
a {color: #6c2dc7; text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}
body {margin: 0; padding: 0; background:url(/ekmps/designs/templates/50026/images/bg.png) repeat-y center top #eeeeee; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.tip {background: rgba(75, 75, 75, 0.9); font-size: 11px; color: #CCC; position: absolute; opacity: 0; z-index: 10;
/* CSS3 */ border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; box-shadow: 0 2px 7px #0c0c0c; -webkit-box-shadow: 0 2px 7px #0c0c0c; -moz-box-shadow: 0 2px 7px #0c0c0c;}
.tip.show {padding: 10px;}
.tip strong {display: block; margin: 0 0 5px; font-style: italic; font-size: 12px;}
/* HEADER */
#header {padding: 30px 0 10px;}
#header #logo {margin: 0 0 0 10px; float: left; width: 295px;}
Regards
Steve