hi guys got a slight problem, testing a site right now, now under ie 7 the top of the margin lines up nicely with the top of the page, so that the image of the wrapper lines up nicely with the background image, but in safari and firefox the wrappers margin,starts down the page a little? any suggestions, i was thinking of putting a negative top margin on the wrapper but then would this have a major effect of ie?
CODE
body {
padding:0;
margin:0;
height:100%;
width:100%;
text-align:center;
background-image:url(images/BGBIG.gif);
}
/* page layout styling */
#wrapper {
margin:0 auto;
width:1000px;
height:1200px;
background-image:url(images/BGBIG.gif);
background-repeat:no-repeat;
position:relative;
}
#center {
text-align:center;
min-height:300px;
height:auto !important;
height:300px;
color:white;
}
thats the css so far
and the html looks like this
CODE
<body>
<div id="wrapper">
<div id="header">
</div>
<div id="leftcol">
</div>
<div id="center">
<p><img id="logo" src="include/images/logo.png" alt="PandBJoinery" /></p>
<br /><div id="blurb">
<p>P and B joinery Website Under Construction</p>
<p>Please Telephone <strong>01656 746600</strong> </p>
</div>
<br />
<p><img id="logo" src="include/images/bedrooms.png" alt="PandBJoinery" />
<img id="logo" src="include/images/logokitchens.png" alt="PandBJoinery" />
<img id="logo" src="include/images/Logobathroom.png" alt="PandBJoinery" /></p>
</div>
<div id="rightcol">
</div>
<div id="footer">
</div>
</div>
<?php
include 'include/tracker.js';
?>
</body>
i think ive had this trouble once before but wasnt sure how i got about it?
thanks again
dan.
4 May, 2008 - 04:47 PM
| 