16 replies [Last post]
peri
Offline
newbie
Turkey
Last seen: 14 years 1 week ago
Turkey
Joined: 2007-04-27
Posts: 7
Points: 0

Hi,
I'm a new designer in css. I have a jsp and this jsp is displayed correctly in IE 6.0 but it is not displayed correctly in firefox. I have two problem in this jsp. One of them is displaying the image which is in div tag, the other is css class.

About the first problem, firefox cannot show the image in that tags:



This image is displayed correctly in IE 6.0 but it is not displayed in firefox.

The second problem is about css class. I have included a css class in my jsp. In IE 6.0 everything is ok. But firefox cannot displayed the jsp correctly. When I deleted the include part of the css class in jsp then IE 6.0 looks like firefox.

in my jsp I include css class like that :

and my main.css class code is this :

.todo{
background-color: #f00;
border: #f00 solid 1px;
}
#head{
width: 955px;
}
#topleft{
float: left;
}
#topright{
width: 780px;
float: right;
margin-right: -8px;
margin-bottom: 5px;
}
#logo-ss{
margin-top: 14px;
margin-left: 2px;
width: 130px;
margin-bottom: 6px;
margin-right: 10px;
float: left;
}
#mynav{
width: 955px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
clear: both;
color: #d1d1d1;
margin-bottom: 2px;
}
#mynav #myid{
font-weight: bold;
color: #5b5b5b;
}
#mynav-b2b{
color: #858585;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
#mynav-b2b a:link, #mynav-b2b a:active, #mynav-b2b a:visited{
color: #858585;
}
#mynav-b2b a:hover{
color: #67A227;
}
#mynav-myid{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: right;
padding-right: 3px;
}
#logo-bd{
margin-top: 17px;
font-size: 10px;
margin-bottom: 6px;
}
#logo-bd img{
margin-left: -1px;
}
#country{
float: right;
background-image: url('../img/bg_flag.gif');
background-repeat: no-repeat;
margin-top: 8px;
padding-bottom: 6px;
}
#country img{
margin-top: 2px;
}
#country a{
padding-right: 20px;
padding-left: 8px;
}
#quickcontact{
margin-top: 6px;
margin-right: 6px;
font-size: 10px;
float: left;
color: #878787;
text-align: left;
}
#call{
font-size: 12px;
}
#call2{
font-size: 11px;
}
#call3{
font-size: 11px;
}
#dates{
margin-top: -2px;
margin-left: 1px;
}
body, p, td{
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #5B5B5B;
font-size: 11px;
}
p{
padding: 0px;
margin: 0px;
margin-bottom: 6px;
}
body{
padding: 0px;
margin: 0px;
margin-left: 5px;
background-color: #ffffff;
}
form{
padding: 0px;
margin: 0px;
}
h1{
padding: 0px;
margin-top: 6px;
margin-left: 2px;
margin-bottom: 4px;
font-size: 16px;
font-weight: normal;
}
h2{
padding: 0px;
margin-left: 2px;
margin-bottom: 6px;
font-size: 13px;
font-weight: bold;
}
ul{
margin: 0px;
padding: 0px;
}
ul li{
margin-left: 15px;
padding: 0px;
list-style-image: url(../img/bullet_li.gif);
}
ol li{
margin-left: -15px;
}
table{
padding: 0px;
margin: 0px;
}
table tr, table td, table th{
padding: 0px;
margin: 0px;
vertical-align: top;
}
div#popup, div.leftframe{
width: 100%;
padding-top: 4px;
margin-right: 6px;
}
div.leftframe{
width: 162px;
}
div#page, td#page{
width: 585px;
}
div#iframecontent{
width: 440px;
}
div#page #content, td#page #content{
width: 565px;
}
div#page-wide{
width: 955px;
}
div#page-semiwide{
width: 780px;
}
body#page-body, body#page-body table{
width: 955px;
}
body#page-right, td#page-right{
width: 200px;
margin: 0px;
padding: 0px;
}
body#page-left, td#page-left{
margin: 0px;
margin-left: 7px;
padding: 0px;
width: 150px;
}
body#page-left .banner, td#page-left .banner{
margin: 0px;
margin-top: 2px;
margin-bottom: 2px;
padding: 0px;
width: 141px;
background-image: none;
}
body#page-right .banner, td#page-right .banner{
margin: 0px;
margin-top: 2px;
margin-bottom: 2px;
padding: 0px;
width: 200px;
}
body#page-head{
margin: 0px;
padding: 0px;
padding-left: 8px;
}
#basket-box, #basket-box-closed{
xbackground-color: #f2f6fa;
width: 200px;
margin: 0px;
margin-bottom: 5px;
clear: both;
}
#basket-box .basket-box-top{
width: 200px;
background-image: url("../img/bg_basket_tp.gif");
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
text-decoration:none;
cursor: pointer;
}
#basket-box .basket-box-top div{
margin-left: 28px;
padding-top: 10px;
padding-bottom: 3px;
width: 155px;
text-align: left;
}
#basket-box-closed .basket-box-top{
width: 200px;
background-image: url("../img/bg_basket_tp_closed.gif");
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
text-decoration:none;
cursor: pointer;
}
#basket-box-closed .basket-box-top div{
margin-left: 28px;
padding-top: 10px;
padding-bottom: 3px;
width: 155px;
text-align: left;
}
#basket-box td{
background-color: #FFFFFF;
border-bottom: 1px solid #e0e0e0;
padding: 6px;
}
#basket-box td img{
margin-top: 2px;
}
#basket-box .intro{
background-color: #f2f6fa;
padding: 6px;
border-bottom: 1px solid #e0e0e0;
color: #327ec8;
}
#basket-box .overview{
padding-top: 6px;
padding-bottom: 6px;
background-color: #f2f6fa;
}
#basket-box .btn-checkout{
float: right;
padding-top: 4px;
padding-bottom: 2px;
background-color: #FFFFFF;
clear: both;
}
#basket-box .basket-price-desc{
color: #327ec8;
}
#basket-box .basket-price{
text-align: right;
}
#basket-box table.noborder td{
border: 0px solid #e0e0e0;
background-color: #f2f6fa;
padding-bottom: 0px;
padding-top: 0px;
}
a, #page a{
text-decoration: none;
color: #67A227;
}
a, a:link, a:visited, a:active, #page a, #page a:link, #page a:visited, #page a:active{
text-decoration: none;
xcolor: #67A227;
}
a:hover, #page a:hover{
text-decoration: underline;
xcolor: #67A227;
}
.linkbutton-cart{
xwidth: 120%;
xpadding-right: 6px;
}
.linkbutton:link, .linkbutton:visited, .linkbutton:active, .linkbutton-cart:link, .linkbutton-cart:visited, .linkbutton-cart:active{
text-decoration: none;
}
.linkbutton:hover, .linkbutton-cart:hover{
text-decoration: underline;
color: #ffffff;
}
.linkbutton-top{
float: left;
width: 119px;
padding-left: 9px;
padding-right: 5px;
background-image: url("../img/bt_bg.gif");
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
height:20px;
line-height:18px;
padding-top: 1px;
text-decoration:none;
cursor: pointer;
clear: both;
}
.linkbutton-cart-top{
width: 139px;
xpadding-left: 28px;
xpadding-right: 5px;
background-image: url("../img/bt_cart_bg.gif");
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
xheight:18px;
xline-height:18px;
xpadding-top: 1px;
text-decoration:none;
cursor: pointer;
}
.linkbutton-cart-top div{
margin-left: 28px;
padding-top: 3px;
padding-bottom: 2px;
width: 100px;
text-align: left;
}
.linkbutton-bottom{
xfloat: left;
}
a.link-green, a.link-green:link, a.link-green:active, a.link-green:visited{
color: #67A227;
text-decoration: none;
}
a.link-green:hover{
color: #67A227;
text-decoration: underline;
}
input.button, input.button-blue{
background-color: transparent;
background-image: url(../img/bt_bg_ml.gif);
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #ffffff solid 0px;
margin: 0px;
height: 24px;
line-height: 20px;
xpadding-top: 4px;
padding-left: 7px;
padding-right: 5px;
padding-bottom: 2px;
margin-left: 5px;
cursor: pointer;
float: left;
}
input.button-blue{
background-image: url(../img/bt_bg_ml_blue.gif);
}
.button, .button-blue{
margin: 0px;
padding: 0px;
border: 0px solid #FFFFFF;
}
.button .m, .button-blue .m, table.box-table .button .m, table.box-table .button-blue .m{
background-image: url(../img/bt_bg_mr.gif);
background-repeat: repeat-y;
background-position: top right;
margin: 0px;
padding: 0px;
padding-right: 4px;
height: 24px;
float: left;
}
.button-blue .m, table.box-table .button-blue .m{
background-image: url(../img/bt_bg_mr_blue.gif);
}
div.button, div.button-blue{
float: left;
position: relative;
}
#mainnav{
width: 955px;
clear: both;
}
#mainnav .left{
float: left;
width: 805px;
background-image: url('../img/nav_bg.gif');
background-repeat: repeat-x;
}
#mainnav .left span{
float: left;
}
#mainnav .right{
text-align: right;
width: 150px;
background-image: url('../img/nav_bg.gif');
background-repeat: repeat-x;
}
#mainnav .right span{
float: right;
}
#mainnav div{
height: 37px;
}
#mainnav a:link, #mainnav a:visited, #mainnav a:active{
position: relative;
top: 10px;
padding-left: 10px;
padding-top: 9px;
padding-bottom: 7px;
padding-right: 10px;
color: #ffffff;
}
#mainnav a img{
vertical-align: middle;
}
#mainnav a:hover{
position: relative;
text-decoration: none;
color: #ffffff;
background-color: #777777;
background-image: url('../img/nav_bg_hover.gif');
background-repeat: repeat-x;
}
#mainnav a.reghover:hover{
background-image: url('../img/nav_bg_reghover.gif');
}
#mainnav span.searchbox{
background-image: url('../img/nav_bg_dark.gif');
padding-left: 4px;
padding-top: 7px;
height: 30px;
}
#mainnav span.searchtext{
background-image: url('../img/nav_bg_dark.gif');
padding-left: 10px;
line-height: 33px;
color: #888888;
}
#mainnav span.searchbox input{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
width: 100px;
height: 18px;
padding-left: 3px;
border: #505070 solid 1px;
}
#mainnav span.searchbutton{
background-image: url('../img/nav_bg_dark.gif');
float: right;
}
#mainnav .register a{
background-image: url('../img/nav_bg_register.gif');
font-weight: bold;
}
#gotohome a:link, #gotohome a:visited, #gotohome a:active{
background-image: url('../img/nav_home.gif');
width: 28px;
top: 1px;
padding: 0px;
padding-bottom: 22px;
}
#gotohome span{
position: relative;
left: -999px;
}
#gotohome a:hover{
background-image: url('../img/nav_home_hover.gif');
}
#promonav{
margin-top: 4px;
width: 139px;
margin-bottom: 5px;
}
#promonav a{
text-decoration: none;
color: #656565;
}
#promonav a:link, a:visited, a:active{
text-decoration: none;
color: #656565;
}
#promonav a:hover{
text-decoration: underline;
color: #67A227;
}
#promonav div{
padding: 2px;
padding-left: 12px;
margin-right: 8px;
border-bottom: 1px dashed #ebebeb;
background-image: url('../img/bullet_plus.gif');
background-repeat: no-repeat;
}
#productnav{
margin-top: 4px;
border-right: #ebebeb solid 1px;
width: 138px;
margin-bottom: 5px;
}
#productnav div a:link, a:visited, a:active{
text-decoration: none;
color: #656565;
}
#productnav div a:hover{
text-decoration: underline;
color: #67A227;
}
#productnav div{
padding: 2px;
padding-left: 12px;
margin-right: 8px;
border-bottom: 1px dashed #ebebeb;
background-image: url('../img/bullet_plus.gif');
background-repeat: no-repeat;
}
table.box-table tr.cat td div, table.box-table tr.cat td div.bullet, table.box-table tr.cat td div.bullet-active{
padding: 2px;
margin-right: 8px;
}
table.box-table tr.cat td div.bullet-active{
background-image: url('../img/bullet_minus.gif');
padding: 2px;
background-repeat: no-repeat;
padding-left: 12px;
margin-right: 8px;
}
table.box-table tr.cat td div.bullet{
background-image: url('../img/bullet_plus.gif');
background-repeat: no-repeat;
padding-left: 12px;
}
#productnav div.sep{
background-image: none;
background-color: #F9F9F9;
}
#productnav div a{
color: #656565;
}
#productnav .active{
padding: 2px;
padding-left: 12px;
border-bottom: #ebebeb dashed 0px;
background-image: url('../img/bullet_minus.gif');
background-repeat: no-repeat;
}
#productnav .subnav div{
padding: 1px;
xpadding-left: 6px;
font-size: 10px;
border-bottom: #ebebeb dashed 0px;
padding-left: 12px;
margin-right: 8px;
background-image: url('../img/bullet_plus_subnav.gif');
background-repeat: no-repeat;
}
#productnav .subnav div a{
color: #959595;
}
#productnav .subnav{
background-image: none;
}
#productnav .subnav a:link, a:visited, a:active, #productnav div .subnav a:link, a:visited, a:active{
text-decoration: none;
color: #959595;
}
#productnav .subnav a:hover, #productnav div .subnav a:hover{
text-decoration: underline;
color: #67A227;
}
.roundbox{
width: 32%;
margin-bottom: 3px;
padding-right: 3px;
margin-right: 4px;
float: left;
}
#page .roundbox, #page-wide .roundbox, #page-semiwide .roundbox{
width: 100%;
margin-bottom: 3px;
padding-right: 3px;
margin-right: 6px;
float: left;
xmin-height: 250px;
xheight: 250px;
}
#page div.box-row .roundbox, #page.page-home .roundbox{
margin-bottom: 3px;
padding-right: 3px;
margin-right: 6px;
float: left;
}
#page div.box-row .roundbox td, #page.page-home .roundbox td, #page div.box-row .roundbox th, #page.page-home .roundbox th{
width: 32%;
padding-left: 6px;
padding-right: 6px;
background-image: url(../img/box_sep.gif);
background-repeat: no-repeat;
background-position: top right;
}
.roundbox td.box-sep{
width: 1px;
background-image: url(../img/box_sep.gif);
background-repeat: no-repeat;
background-position: top;
}
.roundbox td p{
clear: both;
padding-top: 6px;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.roundbox .mid{
width: 100%;
}
.roundbox .tl{
background-image: url('../img/roundbox_t.gif');
width: 10px;
height: 10px;
}
.roundbox .t{
background-image: url('../img/roundbox_t.gif');
}
.roundbox .tr{
width: 10px;
height: 10px;
}
.roundbox .r{
background-image: url('../img/roundbox_r.gif');
}
.roundbox .br{
width: 10px;
height: 10px;
}
.roundbox .b{
background-image: url('../img/roundbox_b.gif');
}
.roundbox .bl{
background-image: url('../img/roundbox_b.gif');
width: 10px;
height: 10px;
}
.roundbox .l{
background-image: url('../img/roundbox_l.gif');
}
table.box{
width: 100%;
margin-bottom: 4px;
margin-top: 4px;
}
table.box-wide{
width: 955px;
margin-bottom: 4px;
}
table.box-semiwide{
width: 780px;
margin-bottom: 4px;
}
table.box-table{
width: 100%;
border-right: #e1e1e1 solid 1px;
border-left: #e1e1e1 solid 0px;
}
table.box-table tr.head td{
font-size: 12px;
border-left: #e1e1e1 solid 1px;
border-bottom: #e1e1e1 solid 1px;
padding: 3px;
padding-left: 4px;
padding-right: 3px;
text-align: left;
}
table.box-table tr.cat td{
font-size: 10px;
border-left: #e1e1e1 solid 1px;
border-bottom: #e1e1e1 solid 1px;
padding: 3px;
padding-left: 4px;
padding-right: 3px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
table.box-table tr.nav td{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
border-left: #e1e1e1 solid 1px;
border-bottom: #e1e1e1 solid 1px;
padding: 3px;
padding-left: 8px;
padding-top: 0px;
text-align: left;
}
table.box-table td{
border-left: #e1e1e1 solid 1px;
border-bottom: #e1e1e1 solid 1px;
padding: 3px;
padding-left: 2px;
padding-right: 2px;
}
table.box-table tr.clean td{
background-color: #ffffff;
border: #e1e1e1 solid 0px;
border-left: #e1e1e1 solid 1px;
}
table.box-table tr.spacers td{
background-color: #ffffff;
border: #e1e1e1 solid 0px;
padding: 0px;
}
table.box-table tr.cols td{
background-color: #ffffff;
border: #e1e1e1 solid 0px;
border-left: #e1e1e1 solid 1px;
}
table.box-table tr.color{
xbackground-color: #f3f3f3;
background-color: #FFFFFF;
}
.color .title, .color-alt .title{
background-color: #ffffff;
}
table.box-table tr.color td, table.box-table tr.color-alt td, table.box-table tr.white td{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding-left: 8px;
}
table.box-table tr.color-alt{
background-color: #f9f9f9;
xbackground-color: #fcfcfc;
}
table.box table, table.box-wide table{
margin-right: 4px;
}
table.box table.box-table, table.box-wide table.box-table{
margin-right: 0px;
}
table.box-table input, select{
background-color: #ffffff;
border: #c1c1c1 solid 1px;
}
table.box-table input.button, table.box-table input.button-blue{
background-color: transparent;
}
table.box-table .button, table.box-table .button-blue{
border: #c1c1c1 solid 0px;
}
table.box-table input.checkbox{
background-color: #ffffff;
border: #c1c1c1 solid 1px;
border-top: #dddddd solid 1px;
border-left: #dddddd solid 1px;
}
div#footer, div#footer-wide{
margin-top: 10px;
padding-top: 16px;
padding-bottom: 12px;
margin-bottom: 10px;
color: #858585;
font-size: 10px;
text-align: right;
clear: both;
}
div#footer{
width: 955px;
background-image: url(../img/footer_sep.gif);
background-repeat: no-repeat;
background-position: top left;
text-align: right;
}
div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active{
text-decoration: none;
color: #666666;
}
div#footer a:hover{
text-decoration: underline;
color: #67A227;
}
div#footer div.left{
float: left;
margin-left: 4px;
}
div#footer div.icons{
clear: both;
}
div#footer div.icons img{
margin-top: 10px;
margin-left: 2px;
margin-right: 4px;
}
div#footer div.right{
margin-right: 4px;
color: #C7C7C7;
}
div#footer-wide{
width: 955px;
}

/* START: styles for frames ---------------------------------------- */
div#footer-short{
margin-top: 10px;
padding-top: 16px;
padding-bottom: 12px;
margin-bottom: 10px;
color: #858585;
font-size: 10px;
text-align: right;
clear: both;
width: 565px;
background-image: url(../img/footer_sep_short.gif);
background-repeat: no-repeat;
background-position: top left;
text-align: right;
}
div#footer-short a, div#footer-short a:link, div#footer-short a:visited, div#footer-short a:active{
text-decoration: none;
color: #666666;
}
div#footer-short a:hover{
text-decoration: underline;
color: #67A227;
}
div#footer-short div.left{
float: left;
margin-left: 4px;
}
div#footer-short div.icons{
clear: both;
}
div#footer-short div.icons img{
margin-top: 10px;
margin-left: 2px;
margin-right: 4px;
}
div#footer-short div.right{
margin-right: 4px;
color: #C7C7C7;
}

div#footer-semishort{
margin-top: 10px;
padding-top: 16px;
padding-bottom: 12px;
margin-bottom: 10px;
color: #858585;
font-size: 10px;
text-align: right;
clear: both;
width: 785px;
background-image: url(../img/footer_sep_short.gif);
background-repeat: no-repeat;
background-position: top left;
text-align: right;
}
div#footer-semishort a, div#footer-semishort a:link, div#footer-semishort a:visited, div#footer-semishort a:active{
text-decoration: none;
color: #666666;
}
div#footer-semishort a:hover{
text-decoration: underline;
color: #67A227;
}
div#footer-semishort div.left{
float: left;
margin-left: 4px;
}
div#footer-semishort div.icons{
clear: both;
}
div#footer-semishort div.icons img{
margin-top: 10px;
margin-left: 2px;
margin-right: 4px;
}
div#footer-semishort div.right{
margin-right: 4px;
color: #C7C7C7;
}
/* END: styles for frames ---------------------------------------- */

div.privacy-statement{
color: #656565;
}
div.privacy-statement a:link{
color: #67A227;
}
.ms-tagline{
float: right;
font-weight: bold;
background-image: url('../img/ms_icon.gif');
background-repeat: no-repeat;
padding-left: 22px;
clear: both;
margin-top: 10px;
margin-bottom: 5px;
}
span.textsep{
padding-left: 5px;
padding-right: 5px;
color: #999999;
font-weight: normal;
}
.roundbox .leftcol{
}
.roundbox .leftcol img{
margin-bottom: 10px;
}
.roundbox .rightcol{
padding-left: 14px;
}
.product-shot{
width: auto;
text-align: center;
margin-top: 10px;
margin-bottom: 6px;
}
.product-title{
font-weight: bold;
padding-bottom: 2px;
padding-top: 4px;
}
.product-id{
font-size: 10px;
color: #858585;
padding-bottom: 2px;
}
.product-description, product-description-fixed{
font-size: 11px;
padding-bottom: 8px;
line-height: 15px;
}
.product-description-fixed{
height: 100px;
}
.product-price{
font-size: 14px;
font-weight: bold;
padding-bottom: 6px;
}
.product-prices{
width: 150px;
-width: 100px;
}
.product-vat{
font-size: 10px;
color: #858585;
}
.product-extraline{
margin-top: 4px;
margin-bottom: 8px;
}
.product-logo{
margin-top: 6px;
margin-right: 6px;
float: left;
}
div.rightcol-ads div{
margin-bottom: 4px;
}
.logo-sony{
float: right;
margin-top: 10px;
margin-right: 15px;
}
.titleblock{
border-bottom: 1px dashed #cacaca;
margin-bottom: 6px;
padding-bottom: 6px;
clear: both;
}
.title-right{
float: right;
margin-right: 4px;
margin-top: 2px;
}
.title-right div.button, .title-right div.button-blue{
width: 50px;
margin-bottom: 2px;
}
.title-showmore{
float: right;
padding-top: 10px;
}
form{
margin: 0px;
padding: 0px;
}
input, select, textarea{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #5B5B5B;
}
.createorder-form th, .address-form th, .leftframe-form th{
padding: 2px;
padding-right: 10px;
font-weight: normal;
font-size: 11px;
text-align: left;
}
.createorder-form th{
width: 100px;
}
.createorder-form td, .address-form td, .leftframe-form td{
padding: 2px;
}
.createorder-form input, .createorder-form select{
width: 300px;
background-color: #f9f9f9;
border: #c1c1c1 solid 1px;
}
.address-form input, .address-form select, .leftframe-form input, .leftframe-form select{
background-color: #f9f9f9;
border: #c1c1c1 solid 1px;
}
.leftframe-form input, .leftframe-form select{
width: 138px;
font-size: 9px;
}
.leftframe-form .input-indent{
padding-left: 18px;
}
.leftframe-form .input-indent select, .leftframe-form .input-indent input{
width: 120px;
}
input.checkbox{
background-color: #ffffff;
border: #c1c1c1 solid 1px;
border-top: #dddddd solid 1px;
border-left: #dddddd solid 1px;
}
img.createorder-magnify{
width: 20px;
}
td.createorder-magnify{
border-left: #e1e1e1 solid 0px;
}
img.createorder-product{
width: 75px;
}
td.createorder-product{
padding-top: 2px;
}
td.createorder-invoicing{
width: 25%;
}
img.createorder-qty{
width: 34px;
}
td.createorder-qty{
padding-top: 2px;
}
img.createorder-details{
width: 60px;
}
td.createorder-avail{
xwidth: 150px;
}
img.createorder-calculation{
width: 120px;
}
td.createorder-calculation{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: right;
}
img.createorder-totalprice{
width: 100px;
}
td.createorder-totalprice{
font-family: Verdana, Arial, Helvetica, sans-serif;
border-left: #c1c1c1 solid 1px;
text-align: right;
font-size: 10px;
}
img.createorder-clear{
width: 20px;
}
div.createorder-orderbuttons{
margin-right: 2px;
margin-bottom: 10px;
clear: both;
height: 25px;
}
select#createorder-newitems{
margin-right: 3px;
margin-top: 1px;
}
.createorder-form img{
vertical-align: top;
}
.create-order-itemdetails{
float: right;
font-weight: normal;
padding-right: 4px;
}
.float-right{
float: right;
}
.basket-small img{
vertical-align: middle;
}
.basket-small {
padding-left: 24px;
text-indent: -24px;
line-height: 5px;
}
.box-row{
clear: both;
}
.breadcrumbs{
position: absolute;
font-size: 10px;
color: #FFFFFF;
padding-left: 6px;
padding-top: 8px;
height: 20px;
}
#page .breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:active{
color: #FFFFFF;
text-decoration: underline;
}
.breadcrumbs-block{
position: relative;
clear: both;
background-image: url(../img/bg_breadcrumbs.gif);
background-repeat: no-repeat;
height: 81px;
}
.breadcrumbs-block .title{
position: absolute;
top: 20px;
color: #FFFFFF;
font-size: 20px;
padding-left: 6px;
padding-top: 6px;
width: 300px;
}
.breadcrumbs-block .subtitle{
font-size: 15px;
padding-left: 4px;
}
.breadcrumbs-block .product-image{
position: absolute;
top: 0px;
left: 300px;
/*
width: 143px;
*/
height: 78px;
overflow: hidden;
}
.refine td{
padding-bottom: 4px;
padding-right: 6px;
padding-left: 10px;
}
.smalltext{
font-size: 10px;
}
.extrasmalltext{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
}
.clearboth{
clear: both;
}
.pagenav{
float: right;
}
.lighttext{
color: #858585;
}
.strikethrough{
text-decoration: line-through;
}
.white-bg{
background-color: #ffffff;
}
.create-order-dropdown{
float: right;
margin-top: 5px;
margin-bottom: -4px;
}
.login-smallbox{
height: 104px;
}
.login-smallbox .label{
float: left;
width: 70px;
padding-top: 2px;
}
.logo_lno{
float: right;
margin-left: 6px;
}
table.invisible td{
border: #ffffff solid 0px;
}
.splashimage{
padding-top: 2px;
}
input.radiobutton{
background-color: #ffffff;
border: #ffffff solid 0px;
width: 15px;
height: 15px;
}
input.disabled{
color: #dddddd;
}
.business-icon{
float: left;
margin-right: 6px;
}
.business-desc{
padding-left: 6px;
}
.business-titletext{
width: 200px;
}
.floatleft{
float: left;
}
.icon-title{
float: left;
margin-top: 6px;
margin-right: 4px;
}
.navBasket {
background-image: url("../img/nav_basket.gif");
background-position: right;
background-repeat: no-repeat;
padding-right: -20px;
}
.redtext{
color: #ff0000;
}
table.classic{
padding: 0px;
margin: 0px;
border-collapse: collapse;
}
table.classic td{
padding: 5px;
border: 1px solid #cccccc;
}
select.list{
font-size: 11px;
}
.orange{
color: #fa6c30;
}
img.valign{
vertical-align: middle;
}
iframe{
margin-top: 10px;
}
.smallbutton{
background-color: #67A227;
color: #ffffff;
border: 0px #ffffff solid;
padding-top: 1px;
padding-bottom: 2px;
margin-top: 2px;
width: 180px;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

As I said above firefox has problem of displaying this css class.
Is anybody has an idea about my two problems
Thank you
Perihan

edit/ code tags added to your markup code snippet, all posted code requires <code> tags.

drhowarddrfine
Offline
Leader
Last seen: 11 years 23 weeks ago
Timezone: GMT-6
Joined: 2005-05-21
Posts: 764
Points: 0

Your link doesn't work and

Your link doesn't work and without one, or the html, we can't help. In any case, the fact that it works in IE but not Firefox tells us the markup is wrong. So fix the link and we can pinpoint the problem.

IE7 is 10 years behind the standards or wrong.
But it works in IE!
IE is a cancer on the web -- Paul Thurott

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 7 weeks 1 day ago
Joined: 2004-06-30
Posts: 9674
Points: 810

drhowarddrfine wrote:Your

drhowarddrfine wrote:
Your link doesn't work

Link? I don't see a link :?

Verschwindende wrote:
  • CSS doesn't make pies

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 17 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

It wasn't a link, due to not

It wasn't a link, due to not escaping the html markup the anchor link was displayed as a forum link but muchly messed up as it were, with csscreator uri prepended to it

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

peri
Offline
newbie
Turkey
Last seen: 14 years 1 week ago
Turkey
Joined: 2007-04-27
Posts: 7
Points: 0

div tags and css class works on IE 6.0 but doesn't works Firefox

Hello,
Actually I didn't send a link. I just pasted div tag and css class. I want to describe my problems again. I have two problem actually. One of them is about div tags . The code figure in div tags is displayed correctly in IE 6.0, but it doesn't displayed in firefox. The html code is in below:

Another problem I think is about css class. This class works properly in IE 6.0 too. But i think there is some problem in friefox. Because when I deleted the the link relation about the css class in jsp IE 6.0 is just like firefox.
The link relation code of css is in below :

And the css class is in the below:

.todo{
background-color: #f00;
border: #f00 solid 1px;
}
#head{
width: 955px;
}
#topleft{
float: left;
}
#topright{
width: 780px;
float: right;
margin-right: -8px;
margin-bottom: 5px;
}
#logo-ss{
margin-top: 14px;
margin-left: 2px;
width: 130px;
margin-bottom: 6px;
margin-right: 10px;
float: left;
}
#mynav{
width: 955px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
clear: both;
color: #d1d1d1;
margin-bottom: 2px;
}
#mynav #myid{
font-weight: bold;
color: #5b5b5b;
}
#mynav-b2b{
color: #858585;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
#mynav-b2b a:link, #mynav-b2b a:active, #mynav-b2b a:visited{
color: #858585;
}
#mynav-b2b a:hover{
color: #67A227;
}
#mynav-myid{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: right;
padding-right: 3px;
}
#logo-bd{
margin-top: 17px;
font-size: 10px;
margin-bottom: 6px;
}
#logo-bd img{
margin-left: -1px;
}
#country{
float: right;
background-image: url('../img/bg_flag.gif');
background-repeat: no-repeat;
margin-top: 8px;
padding-bottom: 6px;
}
#country img{
margin-top: 2px;
}
#country a{
padding-right: 20px;
padding-left: 8px;
}
#quickcontact{
margin-top: 6px;
margin-right: 6px;
font-size: 10px;
float: left;
color: #878787;
text-align: left;
}
#call{
font-size: 12px;
}
#call2{
font-size: 11px;
}
#call3{
font-size: 11px;
}
#dates{
margin-top: -2px;
margin-left: 1px;
}
body, p, td{
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #5B5B5B;
font-size: 11px;
}
p{
padding: 0px;
margin: 0px;
margin-bottom: 6px;
}
body{
padding: 0px;
margin: 0px;
margin-left: 5px;
background-color: #ffffff;
}
form{
padding: 0px;
margin: 0px;
}
h1{
padding: 0px;
margin-top: 6px;
margin-left: 2px;
margin-bottom: 4px;
font-size: 16px;
font-weight: normal;
}
h2{
padding: 0px;
margin-left: 2px;
margin-bottom: 6px;
font-size: 13px;
font-weight: bold;
}
ul{
margin: 0px;
padding: 0px;
}
ul li{
margin-left: 15px;
padding: 0px;
list-style-image: url(../img/bullet_li.gif);
}
ol li{
margin-left: -15px;
}
table{
padding: 0px;
margin: 0px;
}
table tr, table td, table th{
padding: 0px;
margin: 0px;
vertical-align: top;
}
div#popup, div.leftframe{
width: 100%;
padding-top: 4px;
margin-right: 6px;
}
div.leftframe{
width: 162px;
}
div#page, td#page{
width: 585px;
}
div#iframecontent{
width: 440px;
}
div#page #content, td#page #content{
width: 565px;
}
div#page-wide{
width: 955px;
}
div#page-semiwide{
width: 780px;
}
body#page-body, body#page-body table{
width: 955px;
}
body#page-right, td#page-right{
width: 200px;
margin: 0px;
padding: 0px;
}
body#page-left, td#page-left{
margin: 0px;
margin-left: 7px;
padding: 0px;
width: 150px;
}
body#page-left .banner, td#page-left .banner{
margin: 0px;
margin-top: 2px;
margin-bottom: 2px;
padding: 0px;
width: 141px;
background-image: none;
}
body#page-right .banner, td#page-right .banner{
margin: 0px;
margin-top: 2px;
margin-bottom: 2px;
padding: 0px;
width: 200px;
}
body#page-head{
margin: 0px;
padding: 0px;
padding-left: 8px;
}
#basket-box, #basket-box-closed{
xbackground-color: #f2f6fa;
width: 200px;
margin: 0px;
margin-bottom: 5px;
clear: both;
}
#basket-box .basket-box-top{
width: 200px;
background-image: url("../img/bg_basket_tp.gif");
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
text-decoration:none;
cursor: pointer;
}
#basket-box .basket-box-top div{
margin-left: 28px;
padding-top: 10px;
padding-bottom: 3px;
width: 155px;
text-align: left;
}
#basket-box-closed .basket-box-top{
width: 200px;
background-image: url("../img/bg_basket_tp_closed.gif");
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
text-decoration:none;
cursor: pointer;
}
#basket-box-closed .basket-box-top div{
margin-left: 28px;
padding-top: 10px;
padding-bottom: 3px;
width: 155px;
text-align: left;
}
#basket-box td{
background-color: #FFFFFF;
border-bottom: 1px solid #e0e0e0;
padding: 6px;
}
#basket-box td img{
margin-top: 2px;
}
#basket-box .intro{
background-color: #f2f6fa;
padding: 6px;
border-bottom: 1px solid #e0e0e0;
color: #327ec8;
}
#basket-box .overview{
padding-top: 6px;
padding-bottom: 6px;
background-color: #f2f6fa;
}
#basket-box .btn-checkout{
float: right;
padding-top: 4px;
padding-bottom: 2px;
background-color: #FFFFFF;
clear: both;
}
#basket-box .basket-price-desc{
color: #327ec8;
}
#basket-box .basket-price{
text-align: right;
}
#basket-box table.noborder td{
border: 0px solid #e0e0e0;
background-color: #f2f6fa;
padding-bottom: 0px;
padding-top: 0px;
}
a, #page a{
text-decoration: none;
color: #67A227;
}
a, a:link, a:visited, a:active, #page a, #page a:link, #page a:visited, #page a:active{
text-decoration: none;
xcolor: #67A227;
}
a:hover, #page a:hover{
text-decoration: underline;
xcolor: #67A227;
}
.linkbutton-cart{
xwidth: 120%;
xpadding-right: 6px;
}
.linkbutton:link, .linkbutton:visited, .linkbutton:active, .linkbutton-cart:link, .linkbutton-cart:visited, .linkbutton-cart:active{
text-decoration: none;
}
.linkbutton:hover, .linkbutton-cart:hover{
text-decoration: underline;
color: #ffffff;
}
.linkbutton-top{
float: left;
width: 119px;
padding-left: 9px;
padding-right: 5px;
background-image: url("../img/bt_bg.gif");
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
height:20px;
line-height:18px;
padding-top: 1px;
text-decoration:none;
cursor: pointer;
clear: both;
}
.linkbutton-cart-top{
width: 139px;
xpadding-left: 28px;
xpadding-right: 5px;
background-image: url("../img/bt_cart_bg.gif");
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
xheight:18px;
xline-height:18px;
xpadding-top: 1px;
text-decoration:none;
cursor: pointer;
}
.linkbutton-cart-top div{
margin-left: 28px;
padding-top: 3px;
padding-bottom: 2px;
width: 100px;
text-align: left;
}
.linkbutton-bottom{
xfloat: left;
}
a.link-green, a.link-green:link, a.link-green:active, a.link-green:visited{
color: #67A227;
text-decoration: none;
}
a.link-green:hover{
color: #67A227;
text-decoration: underline;
}
input.button, input.button-blue{
background-color: transparent;
background-image: url(../img/bt_bg_ml.gif);
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #ffffff solid 0px;
margin: 0px;
height: 24px;
line-height: 20px;
xpadding-top: 4px;
padding-left: 7px;
padding-right: 5px;
padding-bottom: 2px;
margin-left: 5px;
cursor: pointer;
float: left;
}
input.button-blue{
background-image: url(../img/bt_bg_ml_blue.gif);
}
.button, .button-blue{
margin: 0px;
padding: 0px;
border: 0px solid #FFFFFF;
}
.button .m, .button-blue .m, table.box-table .button .m, table.box-table .button-blue .m{
background-image: url(../img/bt_bg_mr.gif);
background-repeat: repeat-y;
background-position: top right;
margin: 0px;
padding: 0px;
padding-right: 4px;
height: 24px;
float: left;
}
.button-blue .m, table.box-table .button-blue .m{
background-image: url(../img/bt_bg_mr_blue.gif);
}
div.button, div.button-blue{
float: left;
position: relative;
}
#mainnav{
width: 955px;
clear: both;
}
#mainnav .left{
float: left;
width: 805px;
background-image: url('../img/nav_bg.gif');
background-repeat: repeat-x;
}
#mainnav .left span{
float: left;
}
#mainnav .right{
text-align: right;
width: 150px;
background-image: url('../img/nav_bg.gif');
background-repeat: repeat-x;
}
#mainnav .right span{
float: right;
}
#mainnav div{
height: 37px;
}
#mainnav a:link, #mainnav a:visited, #mainnav a:active{
position: relative;
top: 10px;
padding-left: 10px;
padding-top: 9px;
padding-bottom: 7px;
padding-right: 10px;
color: #ffffff;
}
#mainnav a img{
vertical-align: middle;
}
#mainnav a:hover{
position: relative;
text-decoration: none;
color: #ffffff;
background-color: #777777;
background-image: url('../img/nav_bg_hover.gif');
background-repeat: repeat-x;
}
#mainnav a.reghover:hover{
background-image: url('../img/nav_bg_reghover.gif');
}
#mainnav span.searchbox{
background-image: url('../img/nav_bg_dark.gif');
padding-left: 4px;
padding-top: 7px;
height: 30px;
}
#mainnav span.searchtext{
background-image: url('../img/nav_bg_dark.gif');
padding-left: 10px;
line-height: 33px;
color: #888888;
}
#mainnav span.searchbox input{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
width: 100px;
height: 18px;
padding-left: 3px;
border: #505070 solid 1px;
}
#mainnav span.searchbutton{
background-image: url('../img/nav_bg_dark.gif');
float: right;
}
#mainnav .register a{
background-image: url('../img/nav_bg_register.gif');
font-weight: bold;
}
#gotohome a:link, #gotohome a:visited, #gotohome a:active{
background-image: url('../img/nav_home.gif');
width: 28px;
top: 1px;
padding: 0px;
padding-bottom: 22px;
}
#gotohome span{
position: relative;
left: -999px;
}
#gotohome a:hover{
background-image: url('../img/nav_home_hover.gif');
}
#promonav{
margin-top: 4px;
width: 139px;
margin-bottom: 5px;
}
#promonav a{
text-decoration: none;
color: #656565;
}
#promonav a:link, a:visited, a:active{
text-decoration: none;
color: #656565;
}
#promonav a:hover{
text-decoration: underline;
color: #67A227;
}
#promonav div{
padding: 2px;
padding-left: 12px;
margin-right: 8px;
border-bottom: 1px dashed #ebebeb;
background-image: url('../img/bullet_plus.gif');
background-repeat: no-repeat;
}
#productnav{
margin-top: 4px;
border-right: #ebebeb solid 1px;
width: 138px;
margin-bottom: 5px;
}
#productnav div a:link, a:visited, a:active{
text-decoration: none;
color: #656565;
}
#productnav div a:hover{
text-decoration: underline;
color: #67A227;
}
#productnav div{
padding: 2px;
padding-left: 12px;
margin-right: 8px;
border-bottom: 1px dashed #ebebeb;
background-image: url('../img/bullet_plus.gif');
background-repeat: no-repeat;
}
table.box-table tr.cat td div, table.box-table tr.cat td div.bullet, table.box-table tr.cat td div.bullet-active{
padding: 2px;
margin-right: 8px;
}
table.box-table tr.cat td div.bullet-active{
background-image: url('../img/bullet_minus.gif');
padding: 2px;
background-repeat: no-repeat;
padding-left: 12px;
margin-right: 8px;
}
table.box-table tr.cat td div.bullet{
background-image: url('../img/bullet_plus.gif');
background-repeat: no-repeat;
padding-left: 12px;
}
#productnav div.sep{
background-image: none;
background-color: #F9F9F9;
}
#productnav div a{
color: #656565;
}
#productnav .active{
padding: 2px;
padding-left: 12px;
border-bottom: #ebebeb dashed 0px;
background-image: url('../img/bullet_minus.gif');
background-repeat: no-repeat;
}
#productnav .subnav div{
padding: 1px;
xpadding-left: 6px;
font-size: 10px;
border-bottom: #ebebeb dashed 0px;
padding-left: 12px;
margin-right: 8px;
background-image: url('../img/bullet_plus_subnav.gif');
background-repeat: no-repeat;
}
#productnav .subnav div a{
color: #959595;
}
#productnav .subnav{
background-image: none;
}
#productnav .subnav a:link, a:visited, a:active, #productnav div .subnav a:link, a:visited, a:active{
text-decoration: none;
color: #959595;
}
#productnav .subnav a:hover, #productnav div .subnav a:hover{
text-decoration: underline;
color: #67A227;
}
.roundbox{
width: 32%;
margin-bottom: 3px;
padding-right: 3px;
margin-right: 4px;
float: left;
}
#page .roundbox, #page-wide .roundbox, #page-semiwide .roundbox{
width: 100%;
margin-bottom: 3px;
padding-right: 3px;
margin-right: 6px;
float: left;
xmin-height: 250px;
xheight: 250px;
}
#page div.box-row .roundbox, #page.page-home .roundbox{
margin-bottom: 3px;
padding-right: 3px;
margin-right: 6px;
float: left;
}
#page div.box-row .roundbox td, #page.page-home .roundbox td, #page div.box-row .roundbox th, #page.page-home .roundbox th{
width: 32%;
padding-left: 6px;
padding-right: 6px;
background-image: url(../img/box_sep.gif);
background-repeat: no-repeat;
background-position: top right;
}
.roundbox td.box-sep{
width: 1px;
background-image: url(../img/box_sep.gif);
background-repeat: no-repeat;
background-position: top;
}
.roundbox td p{
clear: both;
padding-top: 6px;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.roundbox .mid{
width: 100%;
}
.roundbox .tl{
background-image: url('../img/roundbox_t.gif');
width: 10px;
height: 10px;
}
.roundbox .t{
background-image: url('../img/roundbox_t.gif');
}
.roundbox .tr{
width: 10px;
height: 10px;
}
.roundbox .r{
background-image: url('../img/roundbox_r.gif');
}
.roundbox .br{
width: 10px;
height: 10px;
}
.roundbox .b{
background-image: url('../img/roundbox_b.gif');
}
.roundbox .bl{
background-image: url('../img/roundbox_b.gif');
width: 10px;
height: 10px;
}
.roundbox .l{
background-image: url('../img/roundbox_l.gif');
}
table.box{
width: 100%;
margin-bottom: 4px;
margin-top: 4px;
}
table.box-wide{
width: 955px;
margin-bottom: 4px;
}
table.box-semiwide{
width: 780px;
margin-bottom: 4px;
}
table.box-table{
width: 100%;
border-right: #e1e1e1 solid 1px;
border-left: #e1e1e1 solid 0px;
}
table.box-table tr.head td{
font-size: 12px;
border-left: #e1e1e1 solid 1px;
border-bottom: #e1e1e1 solid 1px;
padding: 3px;
padding-left: 4px;
padding-right: 3px;
text-align: left;
}
table.box-table tr.cat td{
font-size: 10px;
border-left: #e1e1e1 solid 1px;
border-bottom: #e1e1e1 solid 1px;
padding: 3px;
padding-left: 4px;
padding-right: 3px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
table.box-table tr.nav td{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
border-left: #e1e1e1 solid 1px;
border-bottom: #e1e1e1 solid 1px;
padding: 3px;
padding-left: 8px;
padding-top: 0px;
text-align: left;
}
table.box-table td{
border-left: #e1e1e1 solid 1px;
border-bottom: #e1e1e1 solid 1px;
padding: 3px;
padding-left: 2px;
padding-right: 2px;
}
table.box-table tr.clean td{
background-color: #ffffff;
border: #e1e1e1 solid 0px;
border-left: #e1e1e1 solid 1px;
}
table.box-table tr.spacers td{
background-color: #ffffff;
border: #e1e1e1 solid 0px;
padding: 0px;
}
table.box-table tr.cols td{
background-color: #ffffff;
border: #e1e1e1 solid 0px;
border-left: #e1e1e1 solid 1px;
}
table.box-table tr.color{
xbackground-color: #f3f3f3;
background-color: #FFFFFF;
}
.color .title, .color-alt .title{
background-color: #ffffff;
}
table.box-table tr.color td, table.box-table tr.color-alt td, table.box-table tr.white td{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding-left: 8px;
}
table.box-table tr.color-alt{
background-color: #f9f9f9;
xbackground-color: #fcfcfc;
}
table.box table, table.box-wide table{
margin-right: 4px;
}
table.box table.box-table, table.box-wide table.box-table{
margin-right: 0px;
}
table.box-table input, select{
background-color: #ffffff;
border: #c1c1c1 solid 1px;
}
table.box-table input.button, table.box-table input.button-blue{
background-color: transparent;
}
table.box-table .button, table.box-table .button-blue{
border: #c1c1c1 solid 0px;
}
table.box-table input.checkbox{
background-color: #ffffff;
border: #c1c1c1 solid 1px;
border-top: #dddddd solid 1px;
border-left: #dddddd solid 1px;
}
div#footer, div#footer-wide{
margin-top: 10px;
padding-top: 16px;
padding-bottom: 12px;
margin-bottom: 10px;
color: #858585;
font-size: 10px;
text-align: right;
clear: both;
}
div#footer{
width: 955px;
background-image: url(../img/footer_sep.gif);
background-repeat: no-repeat;
background-position: top left;
text-align: right;
}
div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active{
text-decoration: none;
color: #666666;
}
div#footer a:hover{
text-decoration: underline;
color: #67A227;
}
div#footer div.left{
float: left;
margin-left: 4px;
}
div#footer div.icons{
clear: both;
}
div#footer div.icons img{
margin-top: 10px;
margin-left: 2px;
margin-right: 4px;
}
div#footer div.right{
margin-right: 4px;
color: #C7C7C7;
}
div#footer-wide{
width: 955px;
}

/* START: styles for frames ---------------------------------------- */
div#footer-short{
margin-top: 10px;
padding-top: 16px;
padding-bottom: 12px;
margin-bottom: 10px;
color: #858585;
font-size: 10px;
text-align: right;
clear: both;
width: 565px;
background-image: url(../img/footer_sep_short.gif);
background-repeat: no-repeat;
background-position: top left;
text-align: right;
}
div#footer-short a, div#footer-short a:link, div#footer-short a:visited, div#footer-short a:active{
text-decoration: none;
color: #666666;
}
div#footer-short a:hover{
text-decoration: underline;
color: #67A227;
}
div#footer-short div.left{
float: left;
margin-left: 4px;
}
div#footer-short div.icons{
clear: both;
}
div#footer-short div.icons img{
margin-top: 10px;
margin-left: 2px;
margin-right: 4px;
}
div#footer-short div.right{
margin-right: 4px;
color: #C7C7C7;
}

div#footer-semishort{
margin-top: 10px;
padding-top: 16px;
padding-bottom: 12px;
margin-bottom: 10px;
color: #858585;
font-size: 10px;
text-align: right;
clear: both;
width: 785px;
background-image: url(../img/footer_sep_short.gif);
background-repeat: no-repeat;
background-position: top left;
text-align: right;
}
div#footer-semishort a, div#footer-semishort a:link, div#footer-semishort a:visited, div#footer-semishort a:active{
text-decoration: none;
color: #666666;
}
div#footer-semishort a:hover{
text-decoration: underline;
color: #67A227;
}
div#footer-semishort div.left{
float: left;
margin-left: 4px;
}
div#footer-semishort div.icons{
clear: both;
}
div#footer-semishort div.icons img{
margin-top: 10px;
margin-left: 2px;
margin-right: 4px;
}
div#footer-semishort div.right{
margin-right: 4px;
color: #C7C7C7;
}
/* END: styles for frames ---------------------------------------- */

div.privacy-statement{
color: #656565;
}
div.privacy-statement a:link{
color: #67A227;
}
.ms-tagline{
float: right;
font-weight: bold;
background-image: url('../img/ms_icon.gif');
background-repeat: no-repeat;
padding-left: 22px;
clear: both;
margin-top: 10px;
margin-bottom: 5px;
}
span.textsep{
padding-left: 5px;
padding-right: 5px;
color: #999999;
font-weight: normal;
}
.roundbox .leftcol{
}
.roundbox .leftcol img{
margin-bottom: 10px;
}
.roundbox .rightcol{
padding-left: 14px;
}
.product-shot{
width: auto;
text-align: center;
margin-top: 10px;
margin-bottom: 6px;
}
.product-title{
font-weight: bold;
padding-bottom: 2px;
padding-top: 4px;
}
.product-id{
font-size: 10px;
color: #858585;
padding-bottom: 2px;
}
.product-description, product-description-fixed{
font-size: 11px;
padding-bottom: 8px;
line-height: 15px;
}
.product-description-fixed{
height: 100px;
}
.product-price{
font-size: 14px;
font-weight: bold;
padding-bottom: 6px;
}
.product-prices{
width: 150px;
-width: 100px;
}
.product-vat{
font-size: 10px;
color: #858585;
}
.product-extraline{
margin-top: 4px;
margin-bottom: 8px;
}
.product-logo{
margin-top: 6px;
margin-right: 6px;
float: left;
}
div.rightcol-ads div{
margin-bottom: 4px;
}
.logo-sony{
float: right;
margin-top: 10px;
margin-right: 15px;
}
.titleblock{
border-bottom: 1px dashed #cacaca;
margin-bottom: 6px;
padding-bottom: 6px;
clear: both;
}
.title-right{
float: right;
margin-right: 4px;
margin-top: 2px;
}
.title-right div.button, .title-right div.button-blue{
width: 50px;
margin-bottom: 2px;
}
.title-showmore{
float: right;
padding-top: 10px;
}
form{
margin: 0px;
padding: 0px;
}
input, select, textarea{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #5B5B5B;
}
.createorder-form th, .address-form th, .leftframe-form th{
padding: 2px;
padding-right: 10px;
font-weight: normal;
font-size: 11px;
text-align: left;
}
.createorder-form th{
width: 100px;
}
.createorder-form td, .address-form td, .leftframe-form td{
padding: 2px;
}
.createorder-form input, .createorder-form select{
width: 300px;
background-color: #f9f9f9;
border: #c1c1c1 solid 1px;
}
.address-form input, .address-form select, .leftframe-form input, .leftframe-form select{
background-color: #f9f9f9;
border: #c1c1c1 solid 1px;
}
.leftframe-form input, .leftframe-form select{
width: 138px;
font-size: 9px;
}
.leftframe-form .input-indent{
padding-left: 18px;
}
.leftframe-form .input-indent select, .leftframe-form .input-indent input{
width: 120px;
}
input.checkbox{
background-color: #ffffff;
border: #c1c1c1 solid 1px;
border-top: #dddddd solid 1px;
border-left: #dddddd solid 1px;
}
img.createorder-magnify{
width: 20px;
}
td.createorder-magnify{
border-left: #e1e1e1 solid 0px;
}
img.createorder-product{
width: 75px;
}
td.createorder-product{
padding-top: 2px;
}
td.createorder-invoicing{
width: 25%;
}
img.createorder-qty{
width: 34px;
}
td.createorder-qty{
padding-top: 2px;
}
img.createorder-details{
width: 60px;
}
td.createorder-avail{
xwidth: 150px;
}
img.createorder-calculation{
width: 120px;
}
td.createorder-calculation{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: right;
}
img.createorder-totalprice{
width: 100px;
}
td.createorder-totalprice{
font-family: Verdana, Arial, Helvetica, sans-serif;
border-left: #c1c1c1 solid 1px;
text-align: right;
font-size: 10px;
}
img.createorder-clear{
width: 20px;
}
div.createorder-orderbuttons{
margin-right: 2px;
margin-bottom: 10px;
clear: both;
height: 25px;
}
select#createorder-newitems{
margin-right: 3px;
margin-top: 1px;
}
.createorder-form img{
vertical-align: top;
}
.create-order-itemdetails{
float: right;
font-weight: normal;
padding-right: 4px;
}
.float-right{
float: right;
}
.basket-small img{
vertical-align: middle;
}
.basket-small {
padding-left: 24px;
text-indent: -24px;
line-height: 5px;
}
.box-row{
clear: both;
}
.breadcrumbs{
position: absolute;
font-size: 10px;
color: #FFFFFF;
padding-left: 6px;
padding-top: 8px;
height: 20px;
}
#page .breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:active{
color: #FFFFFF;
text-decoration: underline;
}
.breadcrumbs-block{
position: relative;
clear: both;
background-image: url(../img/bg_breadcrumbs.gif);
background-repeat: no-repeat;
height: 81px;
}
.breadcrumbs-block .title{
position: absolute;
top: 20px;
color: #FFFFFF;
font-size: 20px;
padding-left: 6px;
padding-top: 6px;
width: 300px;
}
.breadcrumbs-block .subtitle{
font-size: 15px;
padding-left: 4px;
}
.breadcrumbs-block .product-image{
position: absolute;
top: 0px;
left: 300px;
/*
width: 143px;
*/
height: 78px;
overflow: hidden;
}
.refine td{
padding-bottom: 4px;
padding-right: 6px;
padding-left: 10px;
}
.smalltext{
font-size: 10px;
}
.extrasmalltext{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
}
.clearboth{
clear: both;
}
.pagenav{
float: right;
}
.lighttext{
color: #858585;
}
.strikethrough{
text-decoration: line-through;
}
.white-bg{
background-color: #ffffff;
}
.create-order-dropdown{
float: right;
margin-top: 5px;
margin-bottom: -4px;
}
.login-smallbox{
height: 104px;
}
.login-smallbox .label{
float: left;
width: 70px;
padding-top: 2px;
}
.logo_lno{
float: right;
margin-left: 6px;
}
table.invisible td{
border: #ffffff solid 0px;
}
.splashimage{
padding-top: 2px;
}
input.radiobutton{
background-color: #ffffff;
border: #ffffff solid 0px;
width: 15px;
height: 15px;
}
input.disabled{
color: #dddddd;
}
.business-icon{
float: left;
margin-right: 6px;
}
.business-desc{
padding-left: 6px;
}
.business-titletext{
width: 200px;
}
.floatleft{
float: left;
}
.icon-title{
float: left;
margin-top: 6px;
margin-right: 4px;
}
.navBasket {
background-image: url("../img/nav_basket.gif");
background-position: right;
background-repeat: no-repeat;
padding-right: -20px;
}
.redtext{
color: #ff0000;
}
table.classic{
padding: 0px;
margin: 0px;
border-collapse: collapse;
}
table.classic td{
padding: 5px;
border: 1px solid #cccccc;
}
select.list{
font-size: 11px;
}
.orange{
color: #fa6c30;
}
img.valign{
vertical-align: middle;
}
iframe{
margin-top: 10px;
}
.smallbutton{
background-color: #67A227;
color: #ffffff;
border: 0px #ffffff solid;
padding-top: 1px;
padding-bottom: 2px;
margin-top: 2px;
width: 180px;
}

Does anyone have an idea about these problems. Why these codes works on IE 6.0 and not works on Firefox.
P.S. I use Firefox 2/0.0.2 version
Thank you
Perihan

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 7 weeks 1 day ago
Joined: 2004-06-30
Posts: 9674
Points: 810

peri wrote:Actually I didn't

peri wrote:
Actually I didn't send a link.

well could you either post one, or post all your HTML?

Verschwindende wrote:
  • CSS doesn't make pies

peri
Offline
newbie
Turkey
Last seen: 14 years 1 week ago
Turkey
Joined: 2007-04-27
Posts: 7
Points: 0

The code which doesn't work on Firefox

I sent the html , but I'm sending again. This part doesn't work on Firefox, but it works on IE 6.0.

Sony Financial Services


Sony Financial Services

And Also I sent the css class and sending again. This class isn't also work on Firefox.
The code of the class is :

.todo{ background-color: #f00; border: #f00 solid 1px; } #head{ width: 955px; } #topleft{ float: left; } #topright{ width: 780px; float: right; margin-right: -8px; margin-bottom: 5px; } #logo-ss{ margin-top: 14px; margin-left: 2px; width: 130px; margin-bottom: 6px; margin-right: 10px; float: left; } #mynav{ width: 955px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; clear: both; color: #d1d1d1; margin-bottom: 2px; } #mynav #myid{ font-weight: bold; color: #5b5b5b; } #mynav-b2b{ color: #858585; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } #mynav-b2b a:link, #mynav-b2b a:active, #mynav-b2b a:visited{ color: #858585; } #mynav-b2b a:hover{ color: #67A227; } #mynav-myid{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: right; padding-right: 3px; } #logo-bd{ margin-top: 17px; font-size: 10px; margin-bottom: 6px; } #logo-bd img{ margin-left: -1px; } #country{ float: right; background-image: url('../img/bg_flag.gif'); background-repeat: no-repeat; margin-top: 8px; padding-bottom: 6px; } #country img{ margin-top: 2px; } #country a{ padding-right: 20px; padding-left: 8px; } #quickcontact{ margin-top: 6px; margin-right: 6px; font-size: 10px; float: left; color: #878787; text-align: left; } #call{ font-size: 12px; } #call2{ font-size: 11px; } #call3{ font-size: 11px; } #dates{ margin-top: -2px; margin-left: 1px; } body, p, td{ font-family: Arial, Verdana, Helvetica, sans-serif; color: #5B5B5B; font-size: 11px; } p{ padding: 0px; margin: 0px; margin-bottom: 6px; } body{ padding: 0px; margin: 0px; margin-left: 5px; background-color: #ffffff; } form{ padding: 0px; margin: 0px; } h1{ padding: 0px; margin-top: 6px; margin-left: 2px; margin-bottom: 4px; font-size: 16px; font-weight: normal; } h2{ padding: 0px; margin-left: 2px; margin-bottom: 6px; font-size: 13px; font-weight: bold; } ul{ margin: 0px; padding: 0px; } ul li{ margin-left: 15px; padding: 0px; list-style-image: url(../img/bullet_li.gif); } ol li{ margin-left: -15px; } table{ padding: 0px; margin: 0px; } table tr, table td, table th{ padding: 0px; margin: 0px; vertical-align: top; } div#popup, div.leftframe{ width: 100%; padding-top: 4px; margin-right: 6px; } div.leftframe{ width: 162px; } div#page, td#page{ width: 585px; } div#iframecontent{ width: 440px; } div#page #content, td#page #content{ width: 565px; } div#page-wide{ width: 955px; } div#page-semiwide{ width: 780px; } body#page-body, body#page-body table{ width: 955px; } body#page-right, td#page-right{ width: 200px; margin: 0px; padding: 0px; } body#page-left, td#page-left{ margin: 0px; margin-left: 7px; padding: 0px; width: 150px; } body#page-left .banner, td#page-left .banner{ margin: 0px; margin-top: 2px; margin-bottom: 2px; padding: 0px; width: 141px; background-image: none; } body#page-right .banner, td#page-right .banner{ margin: 0px; margin-top: 2px; margin-bottom: 2px; padding: 0px; width: 200px; } body#page-head{ margin: 0px; padding: 0px; padding-left: 8px; } #basket-box, #basket-box-closed{ xbackground-color: #f2f6fa; width: 200px; margin: 0px; margin-bottom: 5px; clear: both; } #basket-box .basket-box-top{ width: 200px; background-image: url("../img/bg_basket_tp.gif"); background-repeat: no-repeat; font-size: 11px; font-weight: bold; color:#FFFFFF; text-decoration:none; cursor: pointer; } #basket-box .basket-box-top div{ margin-left: 28px; padding-top: 10px; padding-bottom: 3px; width: 155px; text-align: left; } #basket-box-closed .basket-box-top{ width: 200px; background-image: url("../img/bg_basket_tp_closed.gif"); background-repeat: no-repeat; font-size: 11px; font-weight: bold; color:#FFFFFF; text-decoration:none; cursor: pointer; } #basket-box-closed .basket-box-top div{ margin-left: 28px; padding-top: 10px; padding-bottom: 3px; width: 155px; text-align: left; } #basket-box td{ background-color: #FFFFFF; border-bottom: 1px solid #e0e0e0; padding: 6px; } #basket-box td img{ margin-top: 2px; } #basket-box .intro{ background-color: #f2f6fa; padding: 6px; border-bottom: 1px solid #e0e0e0; color: #327ec8; } #basket-box .overview{ padding-top: 6px; padding-bottom: 6px; background-color: #f2f6fa; } #basket-box .btn-checkout{ float: right; padding-top: 4px; padding-bottom: 2px; background-color: #FFFFFF; clear: both; } #basket-box .basket-price-desc{ color: #327ec8; } #basket-box .basket-price{ text-align: right; } #basket-box table.noborder td{ border: 0px solid #e0e0e0; background-color: #f2f6fa; padding-bottom: 0px; padding-top: 0px; } a, #page a{ text-decoration: none; color: #67A227; } a, a:link, a:visited, a:active, #page a, #page a:link, #page a:visited, #page a:active{ text-decoration: none; xcolor: #67A227; } a:hover, #page a:hover{ text-decoration: underline; xcolor: #67A227; } .linkbutton-cart{ xwidth: 120%; xpadding-right: 6px; } .linkbutton:link, .linkbutton:visited, .linkbutton:active, .linkbutton-cart:link, .linkbutton-cart:visited, .linkbutton-cart:active{ text-decoration: none; } .linkbutton:hover, .linkbutton-cart:hover{ text-decoration: underline; color: #ffffff; } .linkbutton-top{ float: left; width: 119px; padding-left: 9px; padding-right: 5px; background-image: url("../img/bt_bg.gif"); background-repeat: no-repeat; font-size: 11px; font-weight: bold; color:#FFFFFF; height:20px; line-height:18px; padding-top: 1px; text-decoration:none; cursor: pointer; clear: both; } .linkbutton-cart-top{ width: 139px; xpadding-left: 28px; xpadding-right: 5px; background-image: url("../img/bt_cart_bg.gif"); background-repeat: no-repeat; font-size: 11px; font-weight: bold; color:#FFFFFF; xheight:18px; xline-height:18px; xpadding-top: 1px; text-decoration:none; cursor: pointer; } .linkbutton-cart-top div{ margin-left: 28px; padding-top: 3px; padding-bottom: 2px; width: 100px; text-align: left; } .linkbutton-bottom{ xfloat: left; } a.link-green, a.link-green:link, a.link-green:active, a.link-green:visited{ color: #67A227; text-decoration: none; } a.link-green:hover{ color: #67A227; text-decoration: underline; } input.button, input.button-blue{ background-color: transparent; background-image: url(../img/bt_bg_ml.gif); background-repeat: no-repeat; font-size: 11px; font-weight: bold; color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; border: #ffffff solid 0px; margin: 0px; height: 24px; line-height: 20px; xpadding-top: 4px; padding-left: 7px; padding-right: 5px; padding-bottom: 2px; margin-left: 5px; cursor: pointer; float: left; } input.button-blue{ background-image: url(../img/bt_bg_ml_blue.gif); } .button, .button-blue{ margin: 0px; padding: 0px; border: 0px solid #FFFFFF; } .button .m, .button-blue .m, table.box-table .button .m, table.box-table .button-blue .m{ background-image: url(../img/bt_bg_mr.gif); background-repeat: repeat-y; background-position: top right; margin: 0px; padding: 0px; padding-right: 4px; height: 24px; float: left; } .button-blue .m, table.box-table .button-blue .m{ background-image: url(../img/bt_bg_mr_blue.gif); } div.button, div.button-blue{ float: left; position: relative; } #mainnav{ width: 955px; clear: both; } #mainnav .left{ float: left; width: 805px; background-image: url('../img/nav_bg.gif'); background-repeat: repeat-x; } #mainnav .left span{ float: left; } #mainnav .right{ text-align: right; width: 150px; background-image: url('../img/nav_bg.gif'); background-repeat: repeat-x; } #mainnav .right span{ float: right; } #mainnav div{ height: 37px; } #mainnav a:link, #mainnav a:visited, #mainnav a:active{ position: relative; top: 10px; padding-left: 10px; padding-top: 9px; padding-bottom: 7px; padding-right: 10px; color: #ffffff; } #mainnav a img{ vertical-align: middle; } #mainnav a:hover{ position: relative; text-decoration: none; color: #ffffff; background-color: #777777; background-image: url('../img/nav_bg_hover.gif'); background-repeat: repeat-x; } #mainnav a.reghover:hover{ background-image: url('../img/nav_bg_reghover.gif'); } #mainnav span.searchbox{ background-image: url('../img/nav_bg_dark.gif'); padding-left: 4px; padding-top: 7px; height: 30px; } #mainnav span.searchtext{ background-image: url('../img/nav_bg_dark.gif'); padding-left: 10px; line-height: 33px; color: #888888; } #mainnav span.searchbox input{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; width: 100px; height: 18px; padding-left: 3px; border: #505070 solid 1px; } #mainnav span.searchbutton{ background-image: url('../img/nav_bg_dark.gif'); float: right; } #mainnav .register a{ background-image: url('../img/nav_bg_register.gif'); font-weight: bold; } #gotohome a:link, #gotohome a:visited, #gotohome a:active{ background-image: url('../img/nav_home.gif'); width: 28px; top: 1px; padding: 0px; padding-bottom: 22px; } #gotohome span{ position: relative; left: -999px; } #gotohome a:hover{ background-image: url('../img/nav_home_hover.gif'); } #promonav{ margin-top: 4px; width: 139px; margin-bottom: 5px; } #promonav a{ text-decoration: none; color: #656565; } #promonav a:link, a:visited, a:active{ text-decoration: none; color: #656565; } #promonav a:hover{ text-decoration: underline; color: #67A227; } #promonav div{ padding: 2px; padding-left: 12px; margin-right: 8px; border-bottom: 1px dashed #ebebeb; background-image: url('../img/bullet_plus.gif'); background-repeat: no-repeat; } #productnav{ margin-top: 4px; border-right: #ebebeb solid 1px; width: 138px; margin-bottom: 5px; } #productnav div a:link, a:visited, a:active{ text-decoration: none; color: #656565; } #productnav div a:hover{ text-decoration: underline; color: #67A227; } #productnav div{ padding: 2px; padding-left: 12px; margin-right: 8px; border-bottom: 1px dashed #ebebeb; background-image: url('../img/bullet_plus.gif'); background-repeat: no-repeat; } table.box-table tr.cat td div, table.box-table tr.cat td div.bullet, table.box-table tr.cat td div.bullet-active{ padding: 2px; margin-right: 8px; } table.box-table tr.cat td div.bullet-active{ background-image: url('../img/bullet_minus.gif'); padding: 2px; background-repeat: no-repeat; padding-left: 12px; margin-right: 8px; } table.box-table tr.cat td div.bullet{ background-image: url('../img/bullet_plus.gif'); background-repeat: no-repeat; padding-left: 12px; } #productnav div.sep{ background-image: none; background-color: #F9F9F9; } #productnav div a{ color: #656565; } #productnav .active{ padding: 2px; padding-left: 12px; border-bottom: #ebebeb dashed 0px; background-image: url('../img/bullet_minus.gif'); background-repeat: no-repeat; } #productnav .subnav div{ padding: 1px; xpadding-left: 6px; font-size: 10px; border-bottom: #ebebeb dashed 0px; padding-left: 12px; margin-right: 8px; background-image: url('../img/bullet_plus_subnav.gif'); background-repeat: no-repeat; } #productnav .subnav div a{ color: #959595; } #productnav .subnav{ background-image: none; } #productnav .subnav a:link, a:visited, a:active, #productnav div .subnav a:link, a:visited, a:active{ text-decoration: none; color: #959595; } #productnav .subnav a:hover, #productnav div .subnav a:hover{ text-decoration: underline; color: #67A227; } .roundbox{ width: 32%; margin-bottom: 3px; padding-right: 3px; margin-right: 4px; float: left; } #page .roundbox, #page-wide .roundbox, #page-semiwide .roundbox{ width: 100%; margin-bottom: 3px; padding-right: 3px; margin-right: 6px; float: left; xmin-height: 250px; xheight: 250px; } #page div.box-row .roundbox, #page.page-home .roundbox{ margin-bottom: 3px; padding-right: 3px; margin-right: 6px; float: left; } #page div.box-row .roundbox td, #page.page-home .roundbox td, #page div.box-row .roundbox th, #page.page-home .roundbox th{ width: 32%; padding-left: 6px; padding-right: 6px; background-image: url(../img/box_sep.gif); background-repeat: no-repeat; background-position: top right; } .roundbox td.box-sep{ width: 1px; background-image: url(../img/box_sep.gif); background-repeat: no-repeat; background-position: top; } .roundbox td p{ clear: both; padding-top: 6px; margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; } .roundbox .mid{ width: 100%; } .roundbox .tl{ background-image: url('../img/roundbox_t.gif'); width: 10px; height: 10px; } .roundbox .t{ background-image: url('../img/roundbox_t.gif'); } .roundbox .tr{ width: 10px; height: 10px; } .roundbox .r{ background-image: url('../img/roundbox_r.gif'); } .roundbox .br{ width: 10px; height: 10px; } .roundbox .b{ background-image: url('../img/roundbox_b.gif'); } .roundbox .bl{ background-image: url('../img/roundbox_b.gif'); width: 10px; height: 10px; } .roundbox .l{ background-image: url('../img/roundbox_l.gif'); } table.box{ width: 100%; margin-bottom: 4px; margin-top: 4px; } table.box-wide{ width: 955px; margin-bottom: 4px; } table.box-semiwide{ width: 780px; margin-bottom: 4px; } table.box-table{ width: 100%; border-right: #e1e1e1 solid 1px; border-left: #e1e1e1 solid 0px; } table.box-table tr.head td{ font-size: 12px; border-left: #e1e1e1 solid 1px; border-bottom: #e1e1e1 solid 1px; padding: 3px; padding-left: 4px; padding-right: 3px; text-align: left; } table.box-table tr.cat td{ font-size: 10px; border-left: #e1e1e1 solid 1px; border-bottom: #e1e1e1 solid 1px; padding: 3px; padding-left: 4px; padding-right: 3px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; } table.box-table tr.nav td{ font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 11px; border-left: #e1e1e1 solid 1px; border-bottom: #e1e1e1 solid 1px; padding: 3px; padding-left: 8px; padding-top: 0px; text-align: left; } table.box-table td{ border-left: #e1e1e1 solid 1px; border-bottom: #e1e1e1 solid 1px; padding: 3px; padding-left: 2px; padding-right: 2px; } table.box-table tr.clean td{ background-color: #ffffff; border: #e1e1e1 solid 0px; border-left: #e1e1e1 solid 1px; } table.box-table tr.spacers td{ background-color: #ffffff; border: #e1e1e1 solid 0px; padding: 0px; } table.box-table tr.cols td{ background-color: #ffffff; border: #e1e1e1 solid 0px; border-left: #e1e1e1 solid 1px; } table.box-table tr.color{ xbackground-color: #f3f3f3; background-color: #FFFFFF; } .color .title, .color-alt .title{ background-color: #ffffff; } table.box-table tr.color td, table.box-table tr.color-alt td, table.box-table tr.white td{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding-left: 8px; } table.box-table tr.color-alt{ background-color: #f9f9f9; xbackground-color: #fcfcfc; } table.box table, table.box-wide table{ margin-right: 4px; } table.box table.box-table, table.box-wide table.box-table{ margin-right: 0px; } table.box-table input, select{ background-color: #ffffff; border: #c1c1c1 solid 1px; } table.box-table input.button, table.box-table input.button-blue{ background-color: transparent; } table.box-table .button, table.box-table .button-blue{ border: #c1c1c1 solid 0px; } table.box-table input.checkbox{ background-color: #ffffff; border: #c1c1c1 solid 1px; border-top: #dddddd solid 1px; border-left: #dddddd solid 1px; } div#footer, div#footer-wide{ margin-top: 10px; padding-top: 16px; padding-bottom: 12px; margin-bottom: 10px; color: #858585; font-size: 10px; text-align: right; clear: both; } div#footer{ width: 955px; background-image: url(../img/footer_sep.gif); background-repeat: no-repeat; background-position: top left; text-align: right; } div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active{ text-decoration: none; color: #666666; } div#footer a:hover{ text-decoration: underline; color: #67A227; } div#footer div.left{ float: left; margin-left: 4px; } div#footer div.icons{ clear: both; } div#footer div.icons img{ margin-top: 10px; margin-left: 2px; margin-right: 4px; } div#footer div.right{ margin-right: 4px; color: #C7C7C7; } div#footer-wide{ width: 955px; }

/* START: styles for frames ---------------------------------------- */
div#footer-short{
margin-top: 10px;
padding-top: 16px;
padding-bottom: 12px;
margin-bottom: 10px;
color: #858585;
font-size: 10px;
text-align: right;
clear: both;
width: 565px;
background-image: url(../img/footer_sep_short.gif);
background-repeat: no-repeat;
background-position: top left;
text-align: right;
}
div#footer-short a, div#footer-short a:link, div#footer-short a:visited, div#footer-short a:active{
text-decoration: none;
color: #666666;
}
div#footer-short a:hover{
text-decoration: underline;
color: #67A227;
}
div#footer-short div.left{
float: left;
margin-left: 4px;
}
div#footer-short div.icons{
clear: both;
}
div#footer-short div.icons img{
margin-top: 10px;
margin-left: 2px;
margin-right: 4px;
}
div#footer-short div.right{
margin-right: 4px;
color: #C7C7C7;
}

div#footer-semishort{
margin-top: 10px;
padding-top: 16px;
padding-bottom: 12px;
margin-bottom: 10px;
color: #858585;
font-size: 10px;
text-align: right;
clear: both;
width: 785px;
background-image: url(../img/footer_sep_short.gif);
background-repeat: no-repeat;
background-position: top left;
text-align: right;
}
div#footer-semishort a, div#footer-semishort a:link, div#footer-semishort a:visited, div#footer-semishort a:active{
text-decoration: none;
color: #666666;
}
div#footer-semishort a:hover{
text-decoration: underline;
color: #67A227;
}
div#footer-semishort div.left{
float: left;
margin-left: 4px;
}
div#footer-semishort div.icons{
clear: both;
}
div#footer-semishort div.icons img{
margin-top: 10px;
margin-left: 2px;
margin-right: 4px;
}
div#footer-semishort div.right{
margin-right: 4px;
color: #C7C7C7;
}
/* END: styles for frames ---------------------------------------- */

div.privacy-statement{
color: #656565;
}
div.privacy-statement a:link{
color: #67A227;
}
.ms-tagline{
float: right;
font-weight: bold;
background-image: url('../img/ms_icon.gif');
background-repeat: no-repeat;
padding-left: 22px;
clear: both;
margin-top: 10px;
margin-bottom: 5px;
}
span.textsep{
padding-left: 5px;
padding-right: 5px;
color: #999999;
font-weight: normal;
}
.roundbox .leftcol{
}
.roundbox .leftcol img{
margin-bottom: 10px;
}
.roundbox .rightcol{
padding-left: 14px;
}
.product-shot{
width: auto;
text-align: center;
margin-top: 10px;
margin-bottom: 6px;
}
.product-title{
font-weight: bold;
padding-bottom: 2px;
padding-top: 4px;
}
.product-id{
font-size: 10px;
color: #858585;
padding-bottom: 2px;
}
.product-description, product-description-fixed{
font-size: 11px;
padding-bottom: 8px;
line-height: 15px;
}
.product-description-fixed{
height: 100px;
}
.product-price{
font-size: 14px;
font-weight: bold;
padding-bottom: 6px;
}
.product-prices{
width: 150px;
-width: 100px;
}
.product-vat{
font-size: 10px;
color: #858585;
}
.product-extraline{
margin-top: 4px;
margin-bottom: 8px;
}
.product-logo{
margin-top: 6px;
margin-right: 6px;
float: left;
}
div.rightcol-ads div{
margin-bottom: 4px;
}
.logo-sony{
float: right;
margin-top: 10px;
margin-right: 15px;
}
.titleblock{
border-bottom: 1px dashed #cacaca;
margin-bottom: 6px;
padding-bottom: 6px;
clear: both;
}
.title-right{
float: right;
margin-right: 4px;
margin-top: 2px;
}
.title-right div.button, .title-right div.button-blue{
width: 50px;
margin-bottom: 2px;
}
.title-showmore{
float: right;
padding-top: 10px;
}
form{
margin: 0px;
padding: 0px;
}
input, select, textarea{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #5B5B5B;
}
.createorder-form th, .address-form th, .leftframe-form th{
padding: 2px;
padding-right: 10px;
font-weight: normal;
font-size: 11px;
text-align: left;
}
.createorder-form th{
width: 100px;
}
.createorder-form td, .address-form td, .leftframe-form td{
padding: 2px;
}
.createorder-form input, .createorder-form select{
width: 300px;
background-color: #f9f9f9;
border: #c1c1c1 solid 1px;
}
.address-form input, .address-form select, .leftframe-form input, .leftframe-form select{
background-color: #f9f9f9;
border: #c1c1c1 solid 1px;
}
.leftframe-form input, .leftframe-form select{
width: 138px;
font-size: 9px;
}
.leftframe-form .input-indent{
padding-left: 18px;
}
.leftframe-form .input-indent select, .leftframe-form .input-indent input{
width: 120px;
}
input.checkbox{
background-color: #ffffff;
border: #c1c1c1 solid 1px;
border-top: #dddddd solid 1px;
border-left: #dddddd solid 1px;
}
img.createorder-magnify{
width: 20px;
}
td.createorder-magnify{
border-left: #e1e1e1 solid 0px;
}
img.createorder-product{
width: 75px;
}
td.createorder-product{
padding-top: 2px;
}
td.createorder-invoicing{
width: 25%;
}
img.createorder-qty{
width: 34px;
}
td.createorder-qty{
padding-top: 2px;
}
img.createorder-details{
width: 60px;
}
td.createorder-avail{
xwidth: 150px;
}
img.createorder-calculation{
width: 120px;
}
td.createorder-calculation{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: right;
}
img.createorder-totalprice{
width: 100px;
}
td.createorder-totalprice{
font-family: Verdana, Arial, Helvetica, sans-serif;
border-left: #c1c1c1 solid 1px;
text-align: right;
font-size: 10px;
}
img.createorder-clear{
width: 20px;
}
div.createorder-orderbuttons{
margin-right: 2px;
margin-bottom: 10px;
clear: both;
height: 25px;
}
select#createorder-newitems{
margin-right: 3px;
margin-top: 1px;
}
.createorder-form img{
vertical-align: top;
}
.create-order-itemdetails{
float: right;
font-weight: normal;
padding-right: 4px;
}
.float-right{
float: right;
}
.basket-small img{
vertical-align: middle;
}
.basket-small {
padding-left: 24px;
text-indent: -24px;
line-height: 5px;
}
.box-row{
clear: both;
}
.breadcrumbs{
position: absolute;
font-size: 10px;
color: #FFFFFF;
padding-left: 6px;
padding-top: 8px;
height: 20px;
}
#page .breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:active{
color: #FFFFFF;
text-decoration: underline;
}
.breadcrumbs-block{
position: relative;
clear: both;
background-image: url(../img/bg_breadcrumbs.gif);
background-repeat: no-repeat;
height: 81px;
}
.breadcrumbs-block .title{
position: absolute;
top: 20px;
color: #FFFFFF;
font-size: 20px;
padding-left: 6px;
padding-top: 6px;
width: 300px;
}
.breadcrumbs-block .subtitle{
font-size: 15px;
padding-left: 4px;
}
.breadcrumbs-block .product-image{
position: absolute;
top: 0px;
left: 300px;
/*
width: 143px;
*/
height: 78px;
overflow: hidden;
}
.refine td{
padding-bottom: 4px;
padding-right: 6px;
padding-left: 10px;
}
.smalltext{
font-size: 10px;
}
.extrasmalltext{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
}
.clearboth{
clear: both;
}
.pagenav{
float: right;
}
.lighttext{
color: #858585;
}
.strikethrough{
text-decoration: line-through;
}
.white-bg{
background-color: #ffffff;
}
.create-order-dropdown{
float: right;
margin-top: 5px;
margin-bottom: -4px;
}
.login-smallbox{
height: 104px;
}
.login-smallbox .label{
float: left;
width: 70px;
padding-top: 2px;
}
.logo_lno{
float: right;
margin-left: 6px;
}
table.invisible td{
border: #ffffff solid 0px;
}
.splashimage{
padding-top: 2px;
}
input.radiobutton{
background-color: #ffffff;
border: #ffffff solid 0px;
width: 15px;
height: 15px;
}
input.disabled{
color: #dddddd;
}
.business-icon{
float: left;
margin-right: 6px;
}
.business-desc{
padding-left: 6px;
}
.business-titletext{
width: 200px;
}
.floatleft{
float: left;
}
.icon-title{
float: left;
margin-top: 6px;
margin-right: 4px;
}
.navBasket {
background-image: url("../img/nav_basket.gif");
background-position: right;
background-repeat: no-repeat;
padding-right: -20px;
}
.redtext{
color: #ff0000;
}
table.classic{
padding: 0px;
margin: 0px;
border-collapse: collapse;
}
table.classic td{
padding: 5px;
border: 1px solid #cccccc;
}
select.list{
font-size: 11px;
}
.orange{
color: #fa6c30;
}
img.valign{
vertical-align: middle;
}
iframe{
margin-top: 10px;
}
.smallbutton{
background-color: #67A227;
color: #ffffff;
border: 0px #ffffff solid;
padding-top: 1px;
padding-bottom: 2px;
margin-top: 2px;
width: 180px;
}

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 11 weeks 4 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

WE NEED TO SEE ALL YOUR

WE NEED TO SEE ALL YOUR HTML, dangit!!!

Part is not enough. We see time after time that the problems don't arise from what the poster thinks is the important part of the html. So we hold out for ALL the html, not just part. Best of all if you really want help you'll post a link to your page.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 7 weeks 1 day ago
Joined: 2004-06-30
Posts: 9674
Points: 810

thepineapplehead wrote:peri

thepineapplehead wrote:
peri wrote:
Actually I didn't send a link.

well could you either post one, or post all your HTML?

There's a reason I said ALL, there's also a reason there's a big sticky at the top of every forum saying "PLEASE POST ALL YOUR HTML & CSS" Wink

Verschwindende wrote:
  • CSS doesn't make pies

peri
Offline
newbie
Turkey
Last seen: 14 years 1 week ago
Turkey
Joined: 2007-04-27
Posts: 7
Points: 0

All HTML

Ok I'm sending all the jsp codes. I hope you can find out the error.
I also send the css class again Wink
Please help me

Sony Style Europe

<%@ taglib uri="/isa" prefix="isa" %>

Sony Finance Options  |  How to Apply  |  Payment Calculator
› Sony Plan
› 0% Finance
Bringing the best within your reach  

Sony Financial Services is a brand new service to consumers in the UK.
Now enjoy the finest Sony products which you may have thought were beyond your reach.
Let Sony Financial Services open up a whole new world of choice and possibility, allowing you the opportunity to enjoy the very best today.

Sony Finance Options

Sony Financial Services offers finance options to get the products you want with monthly payments you can afford today!

› Sony Finance Options

How to Apply

Applying for Sony Financial Services could not be easier.

› How to Apply

Payment Calculator

Use this simple tool to estimate the monthly rates that suit you.

› Payment Calculator

Also the code of css class which name is main.css is in the below :

.todo{
background-color: #f00;
border: #f00 solid 1px;
}
#head{
width: 955px;
}
#topleft{
float: left;
}
#topright{
width: 780px;
float: right;
margin-right: -8px;
margin-bottom: 5px;
}
#logo-ss{
margin-top: 14px;
margin-left: 2px;
width: 130px;
margin-bottom: 6px;
margin-right: 10px;
float: left;
}
#mynav{
width: 955px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
clear: both;
color: #d1d1d1;
margin-bottom: 2px;
}
#mynav #myid{
font-weight: bold;
color: #5b5b5b;
}
#mynav-b2b{
color: #858585;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
#mynav-b2b a:link, #mynav-b2b a:active, #mynav-b2b a:visited{
color: #858585;
}
#mynav-b2b a:hover{
color: #67A227;
}
#mynav-myid{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: right;
padding-right: 3px;
}
#logo-bd{
margin-top: 17px;
font-size: 10px;
margin-bottom: 6px;
}
#logo-bd img{
margin-left: -1px;
}
#country{
float: right;
background-image: url('../img/bg_flag.gif');
background-repeat: no-repeat;
margin-top: 8px;
padding-bottom: 6px;
}
#country img{
margin-top: 2px;
}
#country a{
padding-right: 20px;
padding-left: 8px;
}
#quickcontact{
margin-top: 6px;
margin-right: 6px;
font-size: 10px;
float: left;
color: #878787;
text-align: left;
}
#call{
font-size: 12px;
}
#call2{
font-size: 11px;
}
#call3{
font-size: 11px;
}
#dates{
margin-top: -2px;
margin-left: 1px;
}
body, p, td{
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #5B5B5B;
font-size: 11px;
}
p{
padding: 0px;
margin: 0px;
margin-bottom: 6px;
}
body{
padding: 0px;
margin: 0px;
margin-left: 5px;
background-color: #ffffff;
}
form{
padding: 0px;
margin: 0px;
}
h1{
padding: 0px;
margin-top: 6px;
margin-left: 2px;
margin-bottom: 4px;
font-size: 16px;
font-weight: normal;
}
h2{
padding: 0px;
margin-left: 2px;
margin-bottom: 6px;
font-size: 13px;
font-weight: bold;
}
ul{
margin: 0px;
padding: 0px;
}
ul li{
margin-left: 15px;
padding: 0px;
list-style-image: url(../img/bullet_li.gif);
}
ol li{
margin-left: -15px;
}
table{
padding: 0px;
margin: 0px;
}
table tr, table td, table th{
padding: 0px;
margin: 0px;
vertical-align: top;
}
div#popup, div.leftframe{
width: 100%;
padding-top: 4px;
margin-right: 6px;
}
div.leftframe{
width: 162px;
}
div#page, td#page{
width: 585px;
}
div#iframecontent{
width: 440px;
}
div#page #content, td#page #content{
width: 565px;
}
div#page-wide{
width: 955px;
}
div#page-semiwide{
width: 780px;
}
body#page-body, body#page-body table{
width: 955px;
}
body#page-right, td#page-right{
width: 200px;
margin: 0px;
padding: 0px;
}
body#page-left, td#page-left{
margin: 0px;
margin-left: 7px;
padding: 0px;
width: 150px;
}
body#page-left .banner, td#page-left .banner{
margin: 0px;
margin-top: 2px;
margin-bottom: 2px;
padding: 0px;
width: 141px;
background-image: none;
}
body#page-right .banner, td#page-right .banner{
margin: 0px;
margin-top: 2px;
margin-bottom: 2px;
padding: 0px;
width: 200px;
}
body#page-head{
margin: 0px;
padding: 0px;
padding-left: 8px;
}
#basket-box, #basket-box-closed{
xbackground-color: #f2f6fa;
width: 200px;
margin: 0px;
margin-bottom: 5px;
clear: both;
}
#basket-box .basket-box-top{
width: 200px;
background-image: url("../img/bg_basket_tp.gif");
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
text-decoration:none;
cursor: pointer;
}
#basket-box .basket-box-top div{
margin-left: 28px;
padding-top: 10px;
padding-bottom: 3px;
width: 155px;
text-align: left;
}
#basket-box-closed .basket-box-top{
width: 200px;
background-image: url("../img/bg_basket_tp_closed.gif");
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
text-decoration:none;
cursor: pointer;
}
#basket-box-closed .basket-box-top div{
margin-left: 28px;
padding-top: 10px;
padding-bottom: 3px;
width: 155px;
text-align: left;
}
#basket-box td{
background-color: #FFFFFF;
border-bottom: 1px solid #e0e0e0;
padding: 6px;
}
#basket-box td img{
margin-top: 2px;
}
#basket-box .intro{
background-color: #f2f6fa;
padding: 6px;
border-bottom: 1px solid #e0e0e0;
color: #327ec8;
}
#basket-box .overview{
padding-top: 6px;
padding-bottom: 6px;
background-color: #f2f6fa;
}
#basket-box .btn-checkout{
float: right;
padding-top: 4px;
padding-bottom: 2px;
background-color: #FFFFFF;
clear: both;
}
#basket-box .basket-price-desc{
color: #327ec8;
}
#basket-box .basket-price{
text-align: right;
}
#basket-box table.noborder td{
border: 0px solid #e0e0e0;
background-color: #f2f6fa;
padding-bottom: 0px;
padding-top: 0px;
}
a, #page a{
text-decoration: none;
color: #67A227;
}
a, a:link, a:visited, a:active, #page a, #page a:link, #page a:visited, #page a:active{
text-decoration: none;
xcolor: #67A227;
}
a:hover, #page a:hover{
text-decoration: underline;
xcolor: #67A227;
}
.linkbutton-cart{
xwidth: 120%;
xpadding-right: 6px;
}
.linkbutton:link, .linkbutton:visited, .linkbutton:active, .linkbutton-cart:link, .linkbutton-cart:visited, .linkbutton-cart:active{
text-decoration: none;
}
.linkbutton:hover, .linkbutton-cart:hover{
text-decoration: underline;
color: #ffffff;
}
.linkbutton-top{
float: left;
width: 119px;
padding-left: 9px;
padding-right: 5px;
background-image: url("../img/bt_bg.gif");
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
height:20px;
line-height:18px;
padding-top: 1px;
text-decoration:none;
cursor: pointer;
clear: both;
}
.linkbutton-cart-top{
width: 139px;
xpadding-left: 28px;
xpadding-right: 5px;
background-image: url("../img/bt_cart_bg.gif");
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
xheight:18px;
xline-height:18px;
xpadding-top: 1px;
text-decoration:none;
cursor: pointer;
}
.linkbutton-cart-top div{
margin-left: 28px;
padding-top: 3px;
padding-bottom: 2px;
width: 100px;
text-align: left;
}
.linkbutton-bottom{
xfloat: left;
}
a.link-green, a.link-green:link, a.link-green:active, a.link-green:visited{
color: #67A227;
text-decoration: none;
}
a.link-green:hover{
color: #67A227;
text-decoration: underline;
}
input.button, input.button-blue{
background-color: transparent;
background-image: url(../img/bt_bg_ml.gif);
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #ffffff solid 0px;
margin: 0px;
height: 24px;
line-height: 20px;
xpadding-top: 4px;
padding-left: 7px;
padding-right: 5px;
padding-bottom: 2px;
margin-left: 5px;
cursor: pointer;
float: left;
}
input.button-blue{
background-image: url(../img/bt_bg_ml_blue.gif);
}
.button, .button-blue{
margin: 0px;
padding: 0px;
border: 0px solid #FFFFFF;
}
.button .m, .button-blue .m, table.box-table .button .m, table.box-table .button-blue .m{
background-image: url(../img/bt_bg_mr.gif);
background-repeat: repeat-y;
background-position: top right;
margin: 0px;
padding: 0px;
padding-right: 4px;
height: 24px;
float: left;
}
.button-blue .m, table.box-table .button-blue .m{
background-image: url(../img/bt_bg_mr_blue.gif);
}
div.button, div.button-blue{
float: left;
position: relative;
}
#mainnav{
width: 955px;
clear: both;
}
#mainnav .left{
float: left;
width: 805px;
background-image: url('../img/nav_bg.gif');
background-repeat: repeat-x;
}
#mainnav .left span{
float: left;
}
#mainnav .right{
text-align: right;
width: 150px;
background-image: url('../img/nav_bg.gif');
background-repeat: repeat-x;
}
#mainnav .right span{
float: right;
}
#mainnav div{
height: 37px;
}
#mainnav a:link, #mainnav a:visited, #mainnav a:active{
position: relative;
top: 10px;
padding-left: 10px;
padding-top: 9px;
padding-bottom: 7px;
padding-right: 10px;
color: #ffffff;
}
#mainnav a img{
vertical-align: middle;
}
#mainnav a:hover{
position: relative;
text-decoration: none;
color: #ffffff;
background-color: #777777;
background-image: url('../img/nav_bg_hover.gif');
background-repeat: repeat-x;
}
#mainnav a.reghover:hover{
background-image: url('../img/nav_bg_reghover.gif');
}
#mainnav span.searchbox{
background-image: url('../img/nav_bg_dark.gif');
padding-left: 4px;
padding-top: 7px;
height: 30px;
}
#mainnav span.searchtext{
background-image: url('../img/nav_bg_dark.gif');
padding-left: 10px;
line-height: 33px;
color: #888888;
}
#mainnav span.searchbox input{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
width: 100px;
height: 18px;
padding-left: 3px;
border: #505070 solid 1px;
}
#mainnav span.searchbutton{
background-image: url('../img/nav_bg_dark.gif');
float: right;
}
#mainnav .register a{
background-image: url('../img/nav_bg_register.gif');
font-weight: bold;
}
#gotohome a:link, #gotohome a:visited, #gotohome a:active{
background-image: url('../img/nav_home.gif');
width: 28px;
top: 1px;
padding: 0px;
padding-bottom: 22px;
}
#gotohome span{
position: relative;
left: -999px;
}
#gotohome a:hover{
background-image: url('../img/nav_home_hover.gif');
}
#promonav{
margin-top: 4px;
width: 139px;
margin-bottom: 5px;
}
#promonav a{
text-decoration: none;
color: #656565;
}
#promonav a:link, a:visited, a:active{
text-decoration: none;
color: #656565;
}
#promonav a:hover{
text-decoration: underline;
color: #67A227;
}
#promonav div{
padding: 2px;
padding-left: 12px;
margin-right: 8px;
border-bottom: 1px dashed #ebebeb;
background-image: url('../img/bullet_plus.gif');
background-repeat: no-repeat;
}
#productnav{
margin-top: 4px;
border-right: #ebebeb solid 1px;
width: 138px;
margin-bottom: 5px;
}
#productnav div a:link, a:visited, a:active{
text-decoration: none;
color: #656565;
}
#productnav div a:hover{
text-decoration: underline;
color: #67A227;
}
#productnav div{
padding: 2px;
padding-left: 12px;
margin-right: 8px;
border-bottom: 1px dashed #ebebeb;
background-image: url('../img/bullet_plus.gif');
background-repeat: no-repeat;
}
table.box-table tr.cat td div, table.box-table tr.cat td div.bullet, table.box-table tr.cat td div.bullet-active{
padding: 2px;
margin-right: 8px;
}
table.box-table tr.cat td div.bullet-active{
background-image: url('../img/bullet_minus.gif');
padding: 2px;
background-repeat: no-repeat;
padding-left: 12px;
margin-right: 8px;
}
table.box-table tr.cat td div.bullet{
background-image: url('../img/bullet_plus.gif');
background-repeat: no-repeat;
padding-left: 12px;
}
#productnav div.sep{
background-image: none;
background-color: #F9F9F9;
}
#productnav div a{
color: #656565;
}
#productnav .active{
padding: 2px;
padding-left: 12px;
border-bottom: #ebebeb dashed 0px;
background-image: url('../img/bullet_minus.gif');
background-repeat: no-repeat;
}
#productnav .subnav div{
padding: 1px;
xpadding-left: 6px;
font-size: 10px;
border-bottom: #ebebeb dashed 0px;
padding-left: 12px;
margin-right: 8px;
background-image: url('../img/bullet_plus_subnav.gif');
background-repeat: no-repeat;
}
#productnav .subnav div a{
color: #959595;
}
#productnav .subnav{
background-image: none;
}
#productnav .subnav a:link, a:visited, a:active, #productnav div .subnav a:link, a:visited, a:active{
text-decoration: none;
color: #959595;
}
#productnav .subnav a:hover, #productnav div .subnav a:hover{
text-decoration: underline;
color: #67A227;
}
.roundbox{
width: 32%;
margin-bottom: 3px;
padding-right: 3px;
margin-right: 4px;
float: left;
}
#page .roundbox, #page-wide .roundbox, #page-semiwide .roundbox{
width: 100%;
margin-bottom: 3px;
padding-right: 3px;
margin-right: 6px;
float: left;
xmin-height: 250px;
xheight: 250px;
}
#page div.box-row .roundbox, #page.page-home .roundbox{
margin-bottom: 3px;
padding-right: 3px;
margin-right: 6px;
float: left;
}
#page div.box-row .roundbox td, #page.page-home .roundbox td, #page div.box-row .roundbox th, #page.page-home .roundbox th{
width: 32%;
padding-left: 6px;
padding-right: 6px;
background-image: url(../img/box_sep.gif);
background-repeat: no-repeat;
background-position: top right;
}
.roundbox td.box-sep{
width: 1px;
background-image: url(../img/box_sep.gif);
background-repeat: no-repeat;
background-position: top;
}
.roundbox td p{
clear: both;
padding-top: 6px;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.roundbox .mid{
width: 100%;
}
.roundbox .tl{
background-image: url('../img/roundbox_t.gif');
width: 10px;
height: 10px;
}
.roundbox .t{
background-image: url('../img/roundbox_t.gif');
}
.roundbox .tr{
width: 10px;
height: 10px;
}
.roundbox .r{
background-image: url('../img/roundbox_r.gif');
}
.roundbox .br{
width: 10px;
height: 10px;
}
.roundbox .b{
background-image: url('../img/roundbox_b.gif');
}
.roundbox .bl{
background-image: url('../img/roundbox_b.gif');
width: 10px;
height: 10px;
}
.roundbox .l{
background-image: url('../img/roundbox_l.gif');
}
table.box{
width: 100%;
margin-bottom: 4px;
margin-top: 4px;
}
table.box-wide{
width: 955px;
margin-bottom: 4px;
}
table.box-semiwide{
width: 780px;
margin-bottom: 4px;
}
table.box-table{
width: 100%;
border-right: #e1e1e1 solid 1px;
border-left: #e1e1e1 solid 0px;
}
table.box-table tr.head td{
font-size: 12px;
border-left: #e1e1e1 solid 1px;
border-bottom: #e1e1e1 solid 1px;
padding: 3px;
padding-left: 4px;
padding-right: 3px;
text-align: left;
}
table.box-table tr.cat td{
font-size: 10px;
border-left: #e1e1e1 solid 1px;
border-bottom: #e1e1e1 solid 1px;
padding: 3px;
padding-left: 4px;
padding-right: 3px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
table.box-table tr.nav td{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
border-left: #e1e1e1 solid 1px;
border-bottom: #e1e1e1 solid 1px;
padding: 3px;
padding-left: 8px;
padding-top: 0px;
text-align: left;
}
table.box-table td{
border-left: #e1e1e1 solid 1px;
border-bottom: #e1e1e1 solid 1px;
padding: 3px;
padding-left: 2px;
padding-right: 2px;
}
table.box-table tr.clean td{
background-color: #ffffff;
border: #e1e1e1 solid 0px;
border-left: #e1e1e1 solid 1px;
}
table.box-table tr.spacers td{
background-color: #ffffff;
border: #e1e1e1 solid 0px;
padding: 0px;
}
table.box-table tr.cols td{
background-color: #ffffff;
border: #e1e1e1 solid 0px;
border-left: #e1e1e1 solid 1px;
}
table.box-table tr.color{
xbackground-color: #f3f3f3;
background-color: #FFFFFF;
}
.color .title, .color-alt .title{
background-color: #ffffff;
}
table.box-table tr.color td, table.box-table tr.color-alt td, table.box-table tr.white td{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding-left: 8px;
}
table.box-table tr.color-alt{
background-color: #f9f9f9;
xbackground-color: #fcfcfc;
}
table.box table, table.box-wide table{
margin-right: 4px;
}
table.box table.box-table, table.box-wide table.box-table{
margin-right: 0px;
}
table.box-table input, select{
background-color: #ffffff;
border: #c1c1c1 solid 1px;
}
table.box-table input.button, table.box-table input.button-blue{
background-color: transparent;
}
table.box-table .button, table.box-table .button-blue{
border: #c1c1c1 solid 0px;
}
table.box-table input.checkbox{
background-color: #ffffff;
border: #c1c1c1 solid 1px;
border-top: #dddddd solid 1px;
border-left: #dddddd solid 1px;
}
div#footer, div#footer-wide{
margin-top: 10px;
padding-top: 16px;
padding-bottom: 12px;
margin-bottom: 10px;
color: #858585;
font-size: 10px;
text-align: right;
clear: both;
}
div#footer{
width: 955px;
background-image: url(../img/footer_sep.gif);
background-repeat: no-repeat;
background-position: top left;
text-align: right;
}
div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active{
text-decoration: none;
color: #666666;
}
div#footer a:hover{
text-decoration: underline;
color: #67A227;
}
div#footer div.left{
float: left;
margin-left: 4px;
}
div#footer div.icons{
clear: both;
}
div#footer div.icons img{
margin-top: 10px;
margin-left: 2px;
margin-right: 4px;
}
div#footer div.right{
margin-right: 4px;
color: #C7C7C7;
}
div#footer-wide{
width: 955px;
}

/* START: styles for frames ---------------------------------------- */
div#footer-short{
margin-top: 10px;
padding-top: 16px;
padding-bottom: 12px;
margin-bottom: 10px;
color: #858585;
font-size: 10px;
text-align: right;
clear: both;
width: 565px;
background-image: url(../img/footer_sep_short.gif);
background-repeat: no-repeat;
background-position: top left;
text-align: right;
}
div#footer-short a, div#footer-short a:link, div#footer-short a:visited, div#footer-short a:active{
text-decoration: none;
color: #666666;
}
div#footer-short a:hover{
text-decoration: underline;
color: #67A227;
}
div#footer-short div.left{
float: left;
margin-left: 4px;
}
div#footer-short div.icons{
clear: both;
}
div#footer-short div.icons img{
margin-top: 10px;
margin-left: 2px;
margin-right: 4px;
}
div#footer-short div.right{
margin-right: 4px;
color: #C7C7C7;
}

div#footer-semishort{
margin-top: 10px;
padding-top: 16px;
padding-bottom: 12px;
margin-bottom: 10px;
color: #858585;
font-size: 10px;
text-align: right;
clear: both;
width: 785px;
background-image: url(../img/footer_sep_short.gif);
background-repeat: no-repeat;
background-position: top left;
text-align: right;
}
div#footer-semishort a, div#footer-semishort a:link, div#footer-semishort a:visited, div#footer-semishort a:active{
text-decoration: none;
color: #666666;
}
div#footer-semishort a:hover{
text-decoration: underline;
color: #67A227;
}
div#footer-semishort div.left{
float: left;
margin-left: 4px;
}
div#footer-semishort div.icons{
clear: both;
}
div#footer-semishort div.icons img{
margin-top: 10px;
margin-left: 2px;
margin-right: 4px;
}
div#footer-semishort div.right{
margin-right: 4px;
color: #C7C7C7;
}
/* END: styles for frames ---------------------------------------- */

div.privacy-statement{
color: #656565;
}
div.privacy-statement a:link{
color: #67A227;
}
.ms-tagline{
float: right;
font-weight: bold;
background-image: url('../img/ms_icon.gif');
background-repeat: no-repeat;
padding-left: 22px;
clear: both;
margin-top: 10px;
margin-bottom: 5px;
}
span.textsep{
padding-left: 5px;
padding-right: 5px;
color: #999999;
font-weight: normal;
}
.roundbox .leftcol{
}
.roundbox .leftcol img{
margin-bottom: 10px;
}
.roundbox .rightcol{
padding-left: 14px;
}
.product-shot{
width: auto;
text-align: center;
margin-top: 10px;
margin-bottom: 6px;
}
.product-title{
font-weight: bold;
padding-bottom: 2px;
padding-top: 4px;
}
.product-id{
font-size: 10px;
color: #858585;
padding-bottom: 2px;
}
.product-description, product-description-fixed{
font-size: 11px;
padding-bottom: 8px;
line-height: 15px;
}
.product-description-fixed{
height: 100px;
}
.product-price{
font-size: 14px;
font-weight: bold;
padding-bottom: 6px;
}
.product-prices{
width: 150px;
-width: 100px;
}
.product-vat{
font-size: 10px;
color: #858585;
}
.product-extraline{
margin-top: 4px;
margin-bottom: 8px;
}
.product-logo{
margin-top: 6px;
margin-right: 6px;
float: left;
}
div.rightcol-ads div{
margin-bottom: 4px;
}
.logo-sony{
float: right;
margin-top: 10px;
margin-right: 15px;
}
.titleblock{
border-bottom: 1px dashed #cacaca;
margin-bottom: 6px;
padding-bottom: 6px;
clear: both;
}
.title-right{
float: right;
margin-right: 4px;
margin-top: 2px;
}
.title-right div.button, .title-right div.button-blue{
width: 50px;
margin-bottom: 2px;
}
.title-showmore{
float: right;
padding-top: 10px;
}
form{
margin: 0px;
padding: 0px;
}
input, select, textarea{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #5B5B5B;
}
.createorder-form th, .address-form th, .leftframe-form th{
padding: 2px;
padding-right: 10px;
font-weight: normal;
font-size: 11px;
text-align: left;
}
.createorder-form th{
width: 100px;
}
.createorder-form td, .address-form td, .leftframe-form td{
padding: 2px;
}
.createorder-form input, .createorder-form select{
width: 300px;
background-color: #f9f9f9;
border: #c1c1c1 solid 1px;
}
.address-form input, .address-form select, .leftframe-form input, .leftframe-form select{
background-color: #f9f9f9;
border: #c1c1c1 solid 1px;
}
.leftframe-form input, .leftframe-form select{
width: 138px;
font-size: 9px;
}
.leftframe-form .input-indent{
padding-left: 18px;
}
.leftframe-form .input-indent select, .leftframe-form .input-indent input{
width: 120px;
}
input.checkbox{
background-color: #ffffff;
border: #c1c1c1 solid 1px;
border-top: #dddddd solid 1px;
border-left: #dddddd solid 1px;
}
img.createorder-magnify{
width: 20px;
}
td.createorder-magnify{
border-left: #e1e1e1 solid 0px;
}
img.createorder-product{
width: 75px;
}
td.createorder-product{
padding-top: 2px;
}
td.createorder-invoicing{
width: 25%;
}
img.createorder-qty{
width: 34px;
}
td.createorder-qty{
padding-top: 2px;
}
img.createorder-details{
width: 60px;
}
td.createorder-avail{
xwidth: 150px;
}
img.createorder-calculation{
width: 120px;
}
td.createorder-calculation{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: right;
}
img.createorder-totalprice{
width: 100px;
}
td.createorder-totalprice{
font-family: Verdana, Arial, Helvetica, sans-serif;
border-left: #c1c1c1 solid 1px;
text-align: right;
font-size: 10px;
}
img.createorder-clear{
width: 20px;
}
div.createorder-orderbuttons{
margin-right: 2px;
margin-bottom: 10px;
clear: both;
height: 25px;
}
select#createorder-newitems{
margin-right: 3px;
margin-top: 1px;
}
.createorder-form img{
vertical-align: top;
}
.create-order-itemdetails{
float: right;
font-weight: normal;
padding-right: 4px;
}
.float-right{
float: right;
}
.basket-small img{
vertical-align: middle;
}
.basket-small {
padding-left: 24px;
text-indent: -24px;
line-height: 5px;
}
.box-row{
clear: both;
}
.breadcrumbs{
position: absolute;
font-size: 10px;
color: #FFFFFF;
padding-left: 6px;
padding-top: 8px;
height: 20px;
}
#page .breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:active{
color: #FFFFFF;
text-decoration: underline;
}
.breadcrumbs-block{
position: relative;
clear: both;
background-image: url(../img/bg_breadcrumbs.gif);
background-repeat: no-repeat;
height: 81px;
}
.breadcrumbs-block .title{
position: absolute;
top: 20px;
color: #FFFFFF;
font-size: 20px;
padding-left: 6px;
padding-top: 6px;
width: 300px;
}
.breadcrumbs-block .subtitle{
font-size: 15px;
padding-left: 4px;
}
.breadcrumbs-block .product-image{
position: absolute;
top: 0px;
left: 300px;
/*
width: 143px;
*/
height: 78px;
overflow: hidden;
}
.refine td{
padding-bottom: 4px;
padding-right: 6px;
padding-left: 10px;
}
.smalltext{
font-size: 10px;
}
.extrasmalltext{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
}
.clearboth{
clear: both;
}
.pagenav{
float: right;
}
.lighttext{
color: #858585;
}
.strikethrough{
text-decoration: line-through;
}
.white-bg{
background-color: #ffffff;
}
.create-order-dropdown{
float: right;
margin-top: 5px;
margin-bottom: -4px;
}
.login-smallbox{
height: 104px;
}
.login-smallbox .label{
float: left;
width: 70px;
padding-top: 2px;
}
.logo_lno{
float: right;
margin-left: 6px;
}
table.invisible td{
border: #ffffff solid 0px;
}
.splashimage{
padding-top: 2px;
}
input.radiobutton{
background-color: #ffffff;
border: #ffffff solid 0px;
width: 15px;
height: 15px;
}
input.disabled{
color: #dddddd;
}
.business-icon{
float: left;
margin-right: 6px;
}
.business-desc{
padding-left: 6px;
}
.business-titletext{
width: 200px;
}
.floatleft{
float: left;
}
.icon-title{
float: left;
margin-top: 6px;
margin-right: 4px;
}
.navBasket {
background-image: url("../img/nav_basket.gif");
background-position: right;
background-repeat: no-repeat;
padding-right: -20px;
}
.redtext{
color: #ff0000;
}
table.classic{
padding: 0px;
margin: 0px;
border-collapse: collapse;
}
table.classic td{
padding: 5px;
border: 1px solid #cccccc;
}
select.list{
font-size: 11px;
}
.orange{
color: #fa6c30;
}
img.valign{
vertical-align: middle;
}
iframe{
margin-top: 10px;
}
.smallbutton{
background-color: #67A227;
color: #ffffff;
border: 0px #ffffff solid;
padding-top: 1px;
padding-bottom: 2px;
margin-top: 2px;
width: 180px;
}

I'm waiting the solution Wink
Thank you very much indeed
Perihan

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 11 weeks 4 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

peri wrote:Ok I'm sending

peri wrote:
Ok I'm sending all the jsp codes. I hope you can find out the error.

Perhaps you need a course in reading comprehension? We didn't ask for your jsp, we asked for your html, dangit!

Only the html, but all of the html.

The html sent to the browser after the server processes the jsp is all any browser has to go on in rendering your page (along with the CSS, of course). The browser never sees the jsp code, and it doesn't help us.

There is a Very Good Reason for that and we need it if we're going to help you.

Sheesh.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

peri
Offline
newbie
Turkey
Last seen: 14 years 1 week ago
Turkey
Joined: 2007-04-27
Posts: 7
Points: 0

HTML of firefox and IE 6.0

Sorry I was busy and I couldn't figure out the mail.So sending jsp instead of html. I'm sending html code both firefox and ie 6.0 .Now I've sent all the code Smile I hope someone help me to solve the problem.

That is the html of firefox :

Sony Style Europe







Sony Financial Services




















Sony Finance Options  |  How to Apply  |  Payment Calculator

› Sony Plan

› 0% Finance
















Bringing the best within your reach

 






















Sony Financial Services is a brand new service to consumers in the UK.
Now enjoy the finest Sony products which you may have thought were beyond your reach.
Let Sony Financial Services open up a whole new world of choice and possibility, allowing you the opportunity to enjoy the very best today.


Sony Finance Options


Sony Financial Services offers finance options to get the products you want with monthly payments you can afford today!

› Sony Finance Options

How to Apply


Applying for Sony Financial Services could not be easier.


› How to Apply

Payment Calculator

Use this simple tool to estimate the monthly rates that suit you.


› Payment Calculator



















This is the html code of ie 6.0 :

Sony Style Europe

Sony Finance Options  |  How to Apply  |  Payment Calculator
› Sony Plan
› 0% Finance
Bringing the best within your reach  

Sony Financial Services is a brand new service to consumers in the UK.
Now enjoy the finest Sony products which you may have thought were beyond your reach.
Let Sony Financial Services open up a whole new world of choice and possibility, allowing you the opportunity to enjoy the very best today.

Sony Finance Options

Sony Financial Services offers finance options to get the products you want with monthly payments you can afford today!

› Sony Finance Options

How to Apply

Applying for Sony Financial Services could not be easier.

› How to Apply

Payment Calculator

Use this simple tool to estimate the monthly rates that suit you.

› Payment Calculator

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 7 weeks 1 day ago
Joined: 2004-06-30
Posts: 9674
Points: 810

Ok, next thing to do is fix

Ok, next thing to do is fix that doctype and see if it fixes the problem.

/awaits "what's wrong with it"

Verschwindende wrote:
  • CSS doesn't make pies

peri
Offline
newbie
Turkey
Last seen: 14 years 1 week ago
Turkey
Joined: 2007-04-27
Posts: 7
Points: 0

Could you give more

Could you give more explanation? What should I do to fix the problem? If it is needed I will put the snapshot of the IE 6.0 and firefox.
I just want to learn why firefox couldn't show correctly the page.
Thank you

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 7 weeks 1 day ago
Joined: 2004-06-30
Posts: 9674
Points: 810

peri wrote:Could you give

peri wrote:
Could you give more explanation? What should I do to fix the problem? If it is needed I will put the snapshot of the IE 6.0 and firefox.
I just want to learn why firefox couldn't show correctly the page.
Thank you

You're stuck in this mentality that IE is showing it correctly and Firefox isn't.

Because your doctype is incomplete, IE is in Quirks Mode.

Fix the doctype (look for the BIG STICKIES at the top of the forums) and see what happens to IE.

Verschwindende wrote:
  • CSS doesn't make pies

peri
Offline
newbie
Turkey
Last seen: 14 years 1 week ago
Turkey
Joined: 2007-04-27
Posts: 7
Points: 0

It solved thank you

It solved thank you

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 7 weeks 1 day ago
Joined: 2004-06-30
Posts: 9674
Points: 810

Did fixing the doctype fix

Did fixing the doctype fix the problem in IE?

Verschwindende wrote:
  • CSS doesn't make pies