Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Div not appearing in firefox + Opera table problem???

Status
Not open for further replies.
Modica82

Modica82

Technical User
Jan 31, 2003
410
GB
Hi all,

This site i am developing has was from a template which used css to format the page, which i hadnt used before but slowly but surely am starting to get to grips with. I am trying to test cross browser and seem to be having problems in Firefox and Opera, but two seperate issues.

1) if you view pages in Opera and IE the pages render as they should (there are some issues in Opera and they are to be ironed out.) the problem is with the section "Cerulean Active Support" which is visible in IE and Opera but not in Mozilla, and i have no idea why as yesterday it was working fine (i think) but today they are not showing and i have no idea why.


2) in Opera on the following page, the table formats the text in a very strange way. Not sure why that is????


Any help would be greatly appreciated:

Code: 
p {padding:12px}

.img {margin-right:12px}
.img1 {margin-bottom:10px}

body {
background-color:#ffffff;
color:#727272;
font-family:tahoma;
font-size:11px;
padding:0;
margin:0;
line-height:13px;
text-align:center;
}

.content {color:#585858; text-decoration:none;}

#wrap {
margin:0 auto;
padding:0;
width:712px;
background:url(images/bg_px.gif) repeat-y;
}

#top {margin:0px auto 0px auto;
width:712px;
height:158px;
text-align:left;
padding:0px;
}

.p_top_bg { background:url(images/top_bg.gif);
margin:2px 3px 0px 3px;}

.p_menu {margin:0;
background:url(images/menu_bg.gif) right top no-repeat;
height:63px;
}

.top {
color:#404040;
font-size:12px;
font-weight:bold;
text-decoration:none;}

.p_line {background-image:url(images/px.gif);
margin-left:1px;
margin-right:1px;}

.p_line1 {background-image:url(images/px1.gif);
margin-left:1px;
margin-right:1px;}

#top_content {
width:712px;
display:table;}

#content {
width:712px;
margin:0px auto 0px auto;
padding:0;
text-align:left;
display:table;}

hr {color:#E6E8EB;
height:1px;
border:1px solid;}

#menu_system
{
	margin:0px;
	background-color:#005293;
	background:url(images/bg_sub_navi.jpg)  no-repeat;
	text-align:left;
	float:left;
	width: 110px;
	height:265px;
	padding:5px 5px 0px 15px;
}

#picture_box
{
	width:250px;
	height:270px;
	float:left;
	padding:0px 6px 0px 0px;
}

/*#menu_system2
{
border:1px #DDE0E4 solid;
margin:0;
background-color:#005293;
background:url(images/bg_sub_navi.jpg) right no-repeat;
margin-right:3px;
text-align:left;
width:130px;
height:270px;
float:right;
padding: 5px 5px 0px 15px;	
}*/

#rightContainer
{
	margin:0;
	/*margin-right:3px;*/
	text-align:justify;
	width:317px;
	height: 270px;
	float:right;
}

#half_box {
margin:0;
margin-right:3px;
text-align:justify;
width:338px;
float:left;
height: 600px;
padding:5px 5px 5px 5px;
}

#half_box_right {
margin:0;
margin-right:3px;
text-align:justify;
width:338px;
height: 600px;
float:right;
padding:5px 5px 5px 5px;
}

#main_box {border:1px #DDE0E4 solid;
margin:0;
margin-right:3px;
text-align:justify;
width:698px;
float: right;
overflow: auto;
}

.main_box_in {
padding:10px 10px 10px 10px;}

#right_box {border:1px #DDE0E4 solid;
margin:0;
margin-right:3px;
text-align:justify;
width:317px;
height: 270px;
overflow: auto;
float:right;}

.right_box_in {
padding:10px 10px 10px 10px;}

#right_box2 {border:1px #DDE0E4 solid;
margin:0;
margin-right:3px;
text-align:justify;
width:315px;
height: 230px;
overflow: auto;
float:right;
}

#small_right_box
{
border:1px #DDE0E4 solid;
margin-top:3px;
margin-right:3px;
width:315px;
height: 30px;
float:right;
clear:right;
}

.right_box_in2 {
padding:10px 10px 10px 10px;}

/*-------------------------------------------- PAGE_1 ----------------------------------------------------*/

#p1_box1 {
background:url(images/dot.gif) right repeat-y;
width:222px;
text-align:left;
float:left;
margin:0;
display:table;
}

.p1_inner1 {
padding:16px 24px 16px 24px;}

#p1_right_block {width:490px;
float:right;
margin:0px;
padding:0;
display:table;}

#p1_box2 {
background:url(images/dot.gif) right repeat-y;
width:242px;
text-align:left;
float:left;
margin:0px;
display:table;}

.p1_inner2 {
padding:16px 19px 16px 15px;}

#p1_box3 {
width:248px;
text-align:left;
float:right;
margin:0px;
display:table;}

.p1_inner3 {
padding:16px 14px 16px 14px;}

/*-------------------------------------------- PAGE_2 PAGE_4 ----------------------------------------------------*/

#p2_box1 {
background:url(images/dot.gif) right repeat-y;
width:222px;
text-align:left;
float:left;
margin:0;
display:table;
}

.p2_inner1 {
padding:16px 24px 16px 24px;}

#p2_left_block {
width:380px;
float:left;
margin:0px;
padding:3px 3px 3px 3px;
display:table;}

#p2_right_block {width:490px;
float:right;
margin:0px;
padding:0;
display:table;}

#p2_right_block2 {
background:url(images/dot.gif) left repeat-y;
width:318px;
float:right;
clear:all;
padding:3px 3px 3px 3px;
display:table;}

#p2_box2 {
background:url(images/dot.gif) right repeat-y;
width:222px;
text-align:left;
float:left;
display:table;}

.p2_inner2 {
padding:16px 19px 16px 15px;}

#p2_box3 {
width:268px;
float:right;
display:table;}

.p2_inner3 {
padding:0px 0px 0px 0px;}

/*-------------------------------------------- PAGE_3 ----------------------------------------------------*/

#p3_box1 {
background:url(images/dot.gif) right repeat-y;
width:222px;
text-align:left;
float:left;
margin:0;
display:table;
}

.p3_inner1 {
padding:16px 24px 16px 24px;}

#p3_right_block {width:490px;
float:right;
margin:0px;
padding:0;
display:table;}

#p3_box2 {
background:url(images/dot.gif) right repeat-y;
width:286px;
text-align:left;
float:left;
margin:0px;
display:table;}

.p3_inner2 {
padding:16px 19px 16px 15px;}

#p3_box3 {
width:204px;
text-align:left;
float:right;
margin:0px;
display:table;}

.p3_inner3 {
padding:16px 14px 16px 14px;}

/*-------------------------------------------- PAGE_5 ----------------------------------------------------*/

#p5_box1 {
background:url(images/dot.gif) right repeat-y;
width:390px;
text-align:left;
float:left;
margin:0;
display:table;}

.p5_inner1 {
padding:16px 11px 16px 25px;}

#p5_box2 {
width:322px;
text-align:left;
float:right;
margin:0px;
display:table;}

.p5_inner2 {
padding:16px 19px 16px 15px;}

/*-------------------------------------------- PAGE_6 ----------------------------------------------------*/

#p6_box1 {
width:100px;
text-align:left;
float:left;
margin:0;
display:table;
}

.p6_inner1 {
padding:16px 9px 16px 24px;}

#p6_right_block {
width:603px;
float:right;
padding:0;
display:table;}

#p6_right_block2 {
width:205px;
float:right;
padding:0;
overflow: hidden;
display:table;}

#p6_box2 {
background:url(images/dot.gif) right repeat-y;
width:290px;
text-align:left;
float:left;
margin:0px;
display:table;
}

#p6_box2_2 {
background:url(images/dot.gif) right repeat-y;
width:180px;
text-align:left;
float:left;
margin:0px;
display:table;
}

.p6_inner2 {
padding:41px 19px 16px 0px;}

#p6_box3 {
width:317px;
text-align:left;
float:right;
margin:0px;
display:table;}

.p6_inner3 {
padding:16px 14px 16px 14px;}

#p6_box4 {
width:240px;
text-align:left;
float:left;
margin:2px;
display:table;}

.p6_inner4 {
padding:16px 14px 16px 14px;}

/*-------------------------------------------- PAGE_7 ----------------------------------------------------*/

#p7_box1 {
width:712px;
text-align:left;
float:left;
margin:0;
display:table;
}

.p7_inner1 {
padding:16px 15px 16px 25px;}

/*---------------------------------------------------------------*/


#footer {
height:50px;
padding:20px 3px 0px 3px;
clear:both;
}

.copy {color:#FFFFFF; text-decoration:none}

.gray {color:#727272; text-decoration:none}
.gray_d {color:#404040; text-decoration:none}
.white_d {color:#FFFFFF; text-decoration:none}
.blue {color:#42688D; text-decoration:none}
.blue_l {color:#6F8498; text-decoration:none}
.blue_d {color:#5A6773; text-decoration:none}
.green {color:#8DC63F; text-decoration:none}
.Navi212 {color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none;}
.white {color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none}

.big {font-size:12px}
.bigger {font-size:13px}
.n{font-size:11px}
.sm{font-size:10px}

#TagLineContainer
{
	margin-right:3px;
	text-align:justify;
	width:325px;
	height: 270px;
	float:right;;
}

.frontTagLineTextWhite
{
	background:url(images/font_tag_line.jpg);
	background-repeat:no-repeat;
	padding:20px 20px 3px 20px;
	height: 270px;
	color:#FFFFFF; 
	text-decoration:none;
	text-align: justify;
	font-size:12px;
}

#line {
height:1px;
background-image:url(images/dot.jpg);
}

#clear {
clear:both}


a {color:#727272;}

.form { width:175px;
		height:17px;
		font-family:tahoma;
		font-size:10px;
		/*border-style:;
		border-width:;
		border-color:#;*/
		background-color:#ffffff;
		color:#5A5F65;
		margin-left:0px;
		margin-right:0px}
		
.textarea{ width:175px;
		height:40px;
		font-family:tahoma;
		font-size:10px;
		/*border-style:;
		border-width:;
		border-color:#;*/
		background-color:#ffffff;
		color:#5A5F65;
		overflow:auto;
		margin-left:0px;
		margin-right:0px}
		
.u		{text-decoration:underline}
.t 		{text-transform:uppercase}

a:hover{text-decoration:underline;}
.a:hover{text-decoration:none;}

.error {
  color: #FF0000;
}

.greenTableCell
{
	text-align: center;
	background-color: #ccffcc;
}

table.sample {
	border:1px solid #DDE0E4;
	border-collapse:collapse;
	font-family:arial,sans-serif;
	font-size:80%;
}

table.sample td, th
{
	border:1px solid #DDE0E4;
	border-collapse:collapse;
	padding:5px;
	height:25px;
}

#tdGreen
{
	text-align:center;
	background:#ccffcc;
	color: black;
}

Thanks,

Roberto

---------------------------------------
 
Sort by date Sort by votes
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
806
spamjim
spamjim
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
1K
Chris Miller
Chris Miller
PeDa
  • Locked
  • Question
Display table td's as block element on mobile phone 1
Replies
3
Views
936
spamjim
spamjim
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
1K
Mike Lewis
Mike Lewis
PeDa
  • Locked
  • Question
Horizontal rule and CSS problem 2
Replies
2
Views
669
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top