vadimo
09-04-2006, 02:42 PM
hello, im not that experienced in CSS so i been trying get around this problem - in Firefox its perfect but in IE 6 its slighly off - i know its a common problem we all have when it comes to coding with CSS but i just want to know if there a waya round it?
Here is code:
HEAD/STYLE part:
#content {
width:755px;
margin:auto;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #5B4B3E;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #5B4B3E;
}
#banner {
width:740px;
height:50px;
padding:5px;
margin-top:50px;
background-image:url(Images/banner.jpg);
}
#menu {
width:755px;
margin-top:9px;
background:#5B4B3E;
padding-top: 5px;
padding-bottom: 5px;
}
#address {
width:220px;
margin-top:8px;
margin-left:11px;
background:#000000;
}
#browser {
width:495px;
margin-top:-320px;
margin-left:240px;
background:#000000;
}
.headings {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
.address {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #000000;
}
</style>
BODY part:
<body bgcolor="#000000">
<div id="content">
<div id="banner"></div>
<div id="menu"><span class="address">about us - Services - Command sat/nav retrofits - SALES - Price list - Workshop tour - Location</span></div>
<div id="address">
<iframe src="address.htm" name="main" width="220" height="319" scrolling="auto" frameborder="0"></iframe>
</div>
<div id="browser">
<p class="headings">This pretentious engine sings against the distorted This pretentious engine sings against the distorted crystal.
This pretentious engine sings against the distorted crystal. Hj pretentious engine sings against the distorted crystal.</p>
<p class="headings">This pretentious engine sings against the distorted crystal. This pretentious engine sings against the distorted crystal.
This pretentious engine sings against the distorted crystal. This pretentious engine sings against the distorted crystal.</p>
</div>
</div>
</body>
Here is code:
HEAD/STYLE part:
#content {
width:755px;
margin:auto;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #5B4B3E;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #5B4B3E;
}
#banner {
width:740px;
height:50px;
padding:5px;
margin-top:50px;
background-image:url(Images/banner.jpg);
}
#menu {
width:755px;
margin-top:9px;
background:#5B4B3E;
padding-top: 5px;
padding-bottom: 5px;
}
#address {
width:220px;
margin-top:8px;
margin-left:11px;
background:#000000;
}
#browser {
width:495px;
margin-top:-320px;
margin-left:240px;
background:#000000;
}
.headings {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
.address {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #000000;
}
</style>
BODY part:
<body bgcolor="#000000">
<div id="content">
<div id="banner"></div>
<div id="menu"><span class="address">about us - Services - Command sat/nav retrofits - SALES - Price list - Workshop tour - Location</span></div>
<div id="address">
<iframe src="address.htm" name="main" width="220" height="319" scrolling="auto" frameborder="0"></iframe>
</div>
<div id="browser">
<p class="headings">This pretentious engine sings against the distorted This pretentious engine sings against the distorted crystal.
This pretentious engine sings against the distorted crystal. Hj pretentious engine sings against the distorted crystal.</p>
<p class="headings">This pretentious engine sings against the distorted crystal. This pretentious engine sings against the distorted crystal.
This pretentious engine sings against the distorted crystal. This pretentious engine sings against the distorted crystal.</p>
</div>
</div>
</body>