6 replies [Last post]
madhukaleeckal
madhukaleeckal's picture
Offline
newbie
India
Last seen: 11 years 36 weeks ago
India
Timezone: GMT+5.5
Joined: 2008-02-22
Posts: 5
Points: 2

Dear Friends..

Please check this site http://myglobalindex.com/lifeline/
in IE6 some Div tags not working properly, Many times I tried to get this errors, but not yet.. please check the css I had wrote

body {
	margin: 0px;
	background:url(../images/mn-bg.png) repeat-x top #fffff0;
        font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
        height: 100%;
}
 
html {
	height: 100%;
}
 
 
#container{
	width: 900px;
	}
#top{
	width: 900px;
	height: 130px;
	float:left;
 
	}
 
#logo_con{
	width: 272px;
	float: left;
	margin-top: 20px;
        margin-left: 10px;
}
#top_flash{
	width: 608px;
	float: right;
	margin-top: 20px;
	height: 90px;
 
}
#top_flash_left{
	width: 16px;
	float:left;
	background-image:url(../images/infertility-treatment-india_r2_c3.png);
	height: 90px;
	background-repeat: no-repeat;
	}
#top_flash_top{
	width: 576px;
	float:left;
	height: 30px;
	background-image:url(../images/infertility-treatment-india_r2_c4.png);
	background-repeat: repeat-x;
	}
#top_flash_middle{
	width: 576px;
	float:left;
	height: 29px;
	background-color: #2B80D2;
	text-align:center;
	}
#top_flash_bottom{
	width: 576px;
	float:left;
	height: 31px;
	background-image:url(../images/infertility-treatment-india_r4_c4.png);
	background-repeat: repeat-x;
	}
#top_flash_right{
	width: 16px;
	float: right;
	background-image:url(../images/infertility-treatment-india_r2_c5.png);
	height: 90px;
	background-repeat: no-repeat;
	}
#middle{
	width: 900px;
	height: 270px;
	float:left;
	}	
#middle_left_image{
	width: 614px;
	height: 245px;
	float:left;
	}	
#middle_right_flash{
	width: 286px;
	height: 270px;
	float:left;
	text-align: right;
	}	
#middle_left_image_btm{
	width: 614px;
	height: 25px;
	float:left;
	background-color: #2B80D2;
	}	
#middle_left_image_btm_rgt{
	width: 558px;
	height: 19px;
	float:left;
	background-color: #2B80D2;
	padding-top: 6px;
	}
#body_con{
	width: 900px;
	float:left;
	}
#leftmenu_top{
	width: 224px;
	height: 24px;
	float:left;
	background-color: #99CC33;
	border-bottom: 1px solid #fffff0;
	border-right: 1px solid #fffff0;
	}
#leftmenu{
	width: 224px;
	float:left;
	margin-right: 1px;
	}
#right_con{
	width: 675px;
	float:left;	
	}
#maninbody{
	padding: 10px;
	float:left;
	width:653px;
	line-height: 115%;
	}
#flash_user{
	width: 302px;
	float: left;
	}
#departments{
	width: 371px;
	float:left;
	}
#news_con{
	width: 675px;
	height: 100px;
	float:left;
	}
#footer_con{
	width: 900px;
	float:left;
	background-color: #1B76D1;
	}
.breadcrumb{
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-image:url(../images/title-button.gif);
	background-repeat:no-repeat;
	background-position:10px;
	padding-left:25px;
	font-weight:bold;
	color: #FFFFFF;
	}
 
.title	{
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image:url(../images/title-button.gif);
	background-repeat:no-repeat;
	background-position:10px;
	padding-left:25px;
	font-weight:bold;
	color: #FFFFFF;
}
 
a.H4:link, a.H4:visited{
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image:url(../images/button-bg.gif);
	background-repeat:no-repeat;
	background-position:17px;
	letter-spacing:1px;
	padding-left:35px;
	color:#333333;
}
a.H4:hover{
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image:url(../images/button-bg.gif);
	background-repeat:no-repeat;
	background-position:17px;
	letter-spacing:1px;
	padding-left:35px;
	text-decoration:underline;
	color:#333333;
}
a.subbutton:link, a.subbutton:visited{
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/sub-button.gif);
	background-repeat:no-repeat;
	background-position:17px;
	letter-spacing:1px;
	padding-left:50px;
	color:#333333;
}
a.subbutton:hover{
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/sub-button.gif);
	background-repeat:no-repeat;
	background-position:17px;
	letter-spacing:1px;
	padding-left:50px;
	text-decoration:underline;
	color:#333333;
}
a.news:link, a.news:visited{
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:1px;
	color: #FF0000;
	}
a.news:hover{
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:1px;
	text-decoration: none;
	color: #CC0000;
 
}
.H4bold {
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:1px;
	padding-left:10px;
	font-weight:bold;
	color: #FFFFFF;
}
.phone{
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #333333;
}
.bodytitle {
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:1px;
	font-weight:bold;
	color: #333333;
}
.bodybold2 {
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #000000;
}
.H1bold {
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:1px;
	font-weight:bold;
	color: #CCCCCC;
}
.body{
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:1px;
	color:#333333;
	text-align:justify;
}
a.bodylink:link, a.bodylink:visited{
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:1px;
	font-weight:bold;
	color: #0066FF;
	}
a.bodylink:hover{
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:1px;
	font-weight:bold;
	text-decoration:underline;
	color: #0066FF;
}
.h3{
font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:1px;
	color:#333333;
}
.bodybold {
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:1px;
	font-weight:bold;
	color: #FFFFFF;
}
a:link {
		text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.top{
font-family:tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: #333333;
letter-spacing:1px;
}
 
.brdr{
border:1px solid #D5E6EE;
}
 
.brdr-right-top{
	border-bottom: 1px solid #D5E6EE;
	border-left: 1px solid #D5E6EE;
 
}
 
.brdr-top{
	border-bottom: 1px solid #D5E6EE;
	border-left: 1px solid #D5E6EE;
	border-right: 1px solid #D5E6EE;
}
 
 
.brdrnew{
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#DDDCD0;
border-left-style:solid;
border-left-width:1px;
border-left-color:#DDDCD0;
border-right-style:solid;
border-right-width:1px;
border-right-color:#DDDCD0;
}
.bullet{
background-image: url(../images/btn.gif);
background-position:left;
background-repeat:no-repeat;
font-family:tahoma, Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#888B76;
padding-left:20px;
padding-bottom:10px;
padding-top:10px;
text-align:left;
}
.line{
background-image:url(../images/contact-bg.gif);
background-repeat:repeat-x;
background-position:center;
height:1px;
}
a.masilink:link, a.masilink:visited{
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:1px;
	font-weight:bold;
	color: #CCCCCC;
	}
a.masilink:hover{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	letter-spacing:1px;
	font-weight:bold;
	text-decoration:underline;
	color: #FF9900;
 
}
a.linkstitle:link, a.linkstitle:visited {
background-image:url(../images/link-button.gif);
background-position:left;
background-repeat:no-repeat;
font-family:tahoma, Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#008C8C;
padding-left:20px;
text-align:left;
}
.linkbodybold{
font-family:tahoma, Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color: #FF6600;
}
a.myglobal:link, a.myglobal:visited{
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 3px;
	font-size: 11px;
	font-weight: bold;
	background-color:#FF6600;
		}
a.myglobal:hover{
	color: #000000;
	text-decoration:none;
 
	}
a.index:link, a.index:visited{
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #FF6600;
	padding : 3px;
	font-size: 11px;
	font-weight: bold;
	background-color:#000000;
		}
a.index:hover{
	color: #FF6600;
	text-decoration:none;
 
	}
a.my:link, a.my:visited{
	font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 3px;
	font-size: 11px;
	font-weight: bold;
	background-color:#FF6600;
		}
a.my:hover{
	color: #000000;
	text-decoration:none;
 
	}
#user5{
	width: 300px;
	float: left;
	}	
#user6{
	width: 372px;
	float:left;
	}
 
 
.clr {
	clear: both;
}
 
.outline {
  border: 1px solid #cccccc;
  background: #ffffff;
	padding: 2px;
}
 
 
ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}
 
ul#mainlevel-nav li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 21px;
	white-space: nowrap;
	border-right: 1px solid #cccccc;
}
 
ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #333333;
	background: transparent;
}
 
#buttons>ul#mainlevel-nav li a { width: auto; }
 
	ul#mainlevel-nav li a:hover
{
	color: #fff;
	background: #c64934;
}
 
table.content_table {
  width: 100%;
	padding: 0px;
	margin: 0px;
}
 
table.content_table td {
	padding: 0px;
	margin: 0px;
}
 
 
.user1_inner {
	border: 1px solid #cccccc;
  float: none !important;
  float: left;
	margin: 0px;
	padding: 2px;
}
 
.user2_inner {
	border: 1px solid #cccccc;
  float: none !important;
  float: left;
	margin: 0px;
	padding: 2px;
}
 
table td.body_outer {
	padding: 2px;
	border: 1px solid #cccccc;
}
 
.maintitle {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}
 
.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}
 
/** old stuff **/
 
.back_button {
	float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}
 
.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}
 
.pagenavbar {
	margin-right: 10px;
	float: right;
}
 
#footer {
	text-align: center;
	padding: 3px;
}
 
ul
{
margin: 0;
padding: 0;
list-style: none;
}
 
li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 2px;
}
 
 
td {
	text-align: left;
	font-size: 11px;
}
 
 
 
/* Joomla core stuff */
table.contentpaneopen {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}
 
table.contentpaneopen td {
   padding-right: 5px;
}
 
table.contentpaneopen td.componentheading {
	padding-left: 4px;
}
 
 
 
table.contentpane {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}
 
table.contentpane td {
	margin: 0px;
	padding: 0px;
}
 
table.contentpane td.componentheading {
	padding-left: 4px;
}
 
table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #eee;
}
 
.button {
  color: #c64934;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}
 
.inputbox {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
}
 
.componentheading {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
 
}
 
.contentcolumn {
	padding-right: 5px;
}
 
.contentheading {
	height: 30px;
 
	color: #000;
	font-weight: bold;
	font-size: 14px;
	white-space: nowrap;
}
 
 
 
.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}
 
table.searchinto {
	width: 100%;
}
 
table.searchintro td {
	font-weight: bold;
}
 
table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
 
div.moduletable {
	padding: 0;
	margin-bottom: 2px;
}
 
table.moduletable th, div.moduletable h3 {
	background: url(../images/title-button.gif) no-repeat 10px #1B76D1;
	color: #FFF;
	text-align: left;
	padding-left: 25px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}
 
table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}
 
table.pollstableborder td {
  padding: 2px;
}
 
.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}
 
.sectiontablefooter {
 
}
 
.sectiontableentry1 {
	background-color : #ffffff;
}
 
.sectiontableentry2 {
	background-color : #f9f9f9;
}
 
.small {
	color: #999999;
	font-size: 11px;
}
 
.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
}
 
.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
}
 
table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}
 
table.contenttoc td {
  padding: 2px;
}
 
table.contenttoc th {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}
 
a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background:url(../images/btn_bg.png) no-repeat left;
	vertical-align: middle;
	font-size: 11px;
	color: #000;
	text-align: left;
	padding-top: 5px;
	padding-left: 30px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
        margin-bottom: 1px;
}
 
a.mainlevel:hover {
	text-decoration: none;
	color: #fff;
}
 
a.mainlevel#active_menu {
	color:#000;
	font-weight: bold;
}
 
a.mainlevel#active_menu:hover {
	color: #fff;
}
 
a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #c64934;
	text-align: left;
}
 
a.sublevel:hover {
	color: #900;
	text-decoration: none;
}
 
a.sublevel#active_menu {
	color: #333;
}
 
.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}
 
form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}
 
div.mosimage {
  border: 1px solid #ccc;
}
 
.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}
 
.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}
 
span.article_seperator {
	display: block;
	height: 1.5em;
}
 
 
table.moduletableppr {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
 
div.moduletableppr {
	padding: 0;
	margin-bottom: 2px;
}
 
table.moduletableppr th, div.moduletableppr h3 {
	background: url(../images/title-button.gif) no-repeat 10px #1B76D1;
	color: #FFF;
	text-align: left;
	padding-left: 25px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}
 
table.moduletableppr td {
	font-size: 11px;
	padding: 8px;
	margin: 0px;
	font-weight: normal;
}
 
table.moduletablensf {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
 
div.moduletablensf {
	padding: 0;
	margin-bottom: 2px;
}
 
table.moduletablensf th, div.moduletablensf h3 {
	background: url(../images/title-button.gif) no-repeat 10px #1B76D1;
	color: #FFF;
	text-align: left;
	padding-left: 25px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}
 
table.moduletablensf td {
	font-size: 11px;
	padding: 2px;
	margin: 0px;
	font-weight: normal;
        vertical-align: middle;
}
 
a.readon:link {
	display:block;
	float: right;
	}  
a.readon:hover {
	}
a.readon:visited {}

Moved to Site Checks. Site Discussion is for topics relating CSSCreator. Please remember to use  tags.</span></span>

ifohdesigns
ifohdesigns's picture
Offline
Enthusiast
Providence, RI
Last seen: 10 years 17 weeks ago
Providence, RI
Timezone: GMT-4
Joined: 2008-02-22
Posts: 269
Points: 0

You have a few

You have a few errors in your markup, relating to the flash embedding. Try using a method like UFO to insert the Flash (if you must have it in there). To me the Flash is very annoying and pointless. You have too much movement.

errors: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fmyglobalindex.com%2Flifeline%2F
UFO: http://www.bobbyvandersluis.com/ufo/index.html

mattrossidesigns.com

drychan
drychan's picture
Offline
Enthusiast
India
Last seen: 11 years 20 weeks ago
India
Timezone: GMT+5.5
Joined: 2008-06-10
Posts: 52
Points: 2

where the problem

hi

i didnt find where the problem and which div in not working poperly

you can also use conditional css to solve the problem

i mean sperate css for individual browsers...

drychan
drychan's picture
Offline
Enthusiast
India
Last seen: 11 years 20 weeks ago
India
Timezone: GMT+5.5
Joined: 2008-06-10
Posts: 52
Points: 2

which div is not...

ya seen u have used sprate css for IE6 tell me which div is not working porperly

thanks

drychan
drychan's picture
Offline
Enthusiast
India
Last seen: 11 years 20 weeks ago
India
Timezone: GMT+5.5
Joined: 2008-06-10
Posts: 52
Points: 2

yes

i show ur "departments" id is not working properly i think u can reduce the width
then it will work...

drychan
drychan's picture
Offline
Enthusiast
India
Last seen: 11 years 20 weeks ago
India
Timezone: GMT+5.5
Joined: 2008-06-10
Posts: 52
Points: 2

IE 6.0 css

<!--[if  IE 6]>
   <link href="css/stylesheet.css" rel="stylesheet" type="text/css" />
<![endif]-->

plz use seaprate css for IE6
this will be help u....

isedeasy
Offline
Enthusiast
Bristol
Last seen: 9 years 28 weeks ago
Bristol
Timezone: GMT+1
Joined: 2008-02-09
Posts: 74
Points: 12

I am guessing its the "IE

I am guessing its the "IE margin-doubling bug"...

Try using "display:inline;" on div's that you are floating and have margins...

"If a man is trying to hang himself from the tree in my yard but the knot keeps slipping and allowing him to fall before it kills him do you expect someone to go out and teach him to tie a better knot?" - Triumph