Log In · Register

 
New Layout - IE problems
SortedDetails
post Jul 25 2008, 11:34 PM
Post #1


Splee.
****

Group: Member
Posts: 226
Joined: Apr 2006
Member No: 397,965



So it looks fabulous in FF, but when viewed in IE7 the Extended Network banner doesn't show up, and is cut off slightly.

Click Me

Can anyone assist?

in the about me:
CODE
<style>
body {
background-image: url("http://i218.photobucket.com/albums/cc118/Syrinxie/ntbg.png");
background-repeat: repeat;
background-attachment: scroll;
text-align: justify;}

.BANNER{STARTS HERE}
table.extendedNetwork {margin-top:-10px;border:1px black solid; }
.extendedNetwork tr, .extendedNetwork td {
background: transparent!important;}
.extendedNetwork{
background-image: url("http://i218.photobucket.com/albums/cc118/Syrinxie/littlebitnt.png");
background-position: center center;
background-repeat: no-repeat;
Height: 454px;
Width: 398px;}
.blacktext12 {display: none;}
.BANNER{ENDS HERE}

.FONT{TYPOGROPHY STARTS HERE}
table, tr, td, li, p, div {
font-family:arial;
color:000000;
font-size:10px;
font-style:normal;
font-weight:normal;}

.redbtext {
font-family:arial;
color:000000;
font-size:9px;
font-weight:normal;
background-color:; }

.text {
font-family:arial;
color:000000;
font-size:9px;
font-weight:normal;
background-color:;}

.nametext {
text-align:center!important;
font-family:georgia;
color:FF6058;
font-size:34px;
text-transform:none;
letter-spacing: -2px;
font-weight:normal;
text-decoration:none;
background-color:transparent;
display:block;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:000000;
background-color:CBE474;
background-image:url("");
background-repeat:no-repeat;
background-position:left;
line-height:34px;}

.friendscomments .orangetext15{
font-family:century gothic;
color:ffffff;
font-size:10px;
text-transform:uppercase;
letter-spacing: 3px;
font-style:normal;
font-weight:normal;
text-align:center!important;
text-decoration:none;
padding:0px;
border-top-width:0px;
border-top-style:solid;
border-top-color:000000;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:000000;
background-color:FFBB69;
display:block!important;
line-height:20px;}

.blurbs tr td table tr td .orangetext15{
font-family:century gothic;
color:ffffff;
font-size:10px;
text-transform:uppercase;
letter-spacing: 3px;
font-style:normal;
font-weight:normal;
text-align:center!important;
text-decoration:none;
padding:0px;
border-left-width:1px;
border-left-style:solid;
border-left-color:000000;
border-right-width:1px;
border-right-style:solid;
border-right-color:000000;
border-top-width:1px;
border-top-style:solid;
border-top-color:000000;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:000000;
background-color:FFBB69;
display:block!important;
line-height:20px;}

.latestBlogEntry .btext {
font-family:century gothic;
color:ffffff;
font-size:10px;
text-transform:uppercase;
letter-spacing: 3px;
font-style:normal;
font-weight:normal;
text-align:center!important;
text-decoration:none;
padding:0px;
border-left-width:1px;
border-left-style:solid;
border-left-color:000000;
border-right-width:1px;
border-right-style:solid;
border-right-color:000000;
border-top-width:1px;
border-top-style:solid;
border-top-color:000000;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:000000;
background-color:FFBB69;
display:block!important;
line-height:20px;}

.orangetext15 {
font-family:century gothic;
color:ffffff;
font-size:10px;
text-transform:uppercase;
letter-spacing: 3px;
font-style:normal;
font-weight:normal;
text-align:center!important;
text-decoration:none;
padding:0px;
border-top-width:1px;
border-top-style:solid;
border-top-color:000000;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:000000;
background-color:FFBB69;
display:block!important;
line-height:20px;}

.lightbluetext8 {
font-family:small fonts;
color:000000;
font-size:7px;
font-style:normal;
font-weight:normal;
text-decoration:none;
background-color:FFBB69!important;
border-left-width:1px;
border-left-style:solid;
border-left-color:000000;
border-right-width:1px;
border-right-style:solid;
border-right-color:000000;
border-top-width:1px;
border-top-style:solid;
border-top-color:000000;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:000000;
display:block;
text-align:center;
line-height:12px;
text-transform:uppercase;
width:90px;}


.btext {
font-family:century gothic;
color:ffffff;
font-size:10px;
text-transform:uppercase;
letter-spacing: 3px;
font-style:normal;
font-weight:normal;
text-align:center!important;
text-decoration:none;
padding:0px;
border-bottom-width:1px;
border-bottom-color:000000;
border-bottom-style:solid;
background-color:FFBB69;
display:block!important;l
ine-height:20px;}


.whitetext12 {
font-family:century gothic;
color:FF3984;
font-size:10px;
text-transform:uppercase;
letter-spacing: 3px;
font-style:normal;
font-weight:bold;
text-align:center!important;
text-decoration:none;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:000000;
border-top-style:solid;
border-top-width:1px;
border-top-color:000000;
background-color:D1DD01;
display:block!important;
line-height:30px;}

.blacktext10 {
font-family:small fonts;
color:FFF256;
font-size:12px;
font-style:normal;
font-weight:normal;
text-decoration:none;
background-color:FB8CBD!important;
border-left-width:1px;
border-left-style:solid;
border-left-color:000000;
border-right-width:1px;
border-right-style:solid;
border-right-color:000000;
border-top-width:1px;
border-top-style:solid;
border-top-color:000000;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:000000;
display:block;
text-align:center;
line-height:12px;
font-variant: small-caps;}


.redtext {
font-family:georgia;
font-size:7px;
color:white;
font-weight:bold;}
.FONT{TYPOGROPHY ENDS HERE}

.LINKS{TYPOGROPHY STARTS HERE}
a:link, a:active, a.man:link, a.text:link, a.redlink:link,
a.redlink:active, a.navbar:link, a.navbar:active {
font-family:georgia;
font-size:10;
color:F90370;
text-transform:;
text-decoration:underline;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:FB8CBD;
font-weight:none;}

a:visited, a.man:visited, a.text:visited,
a.redlink:visited, a.navbar:visited {
font-family:georgia;
font-size:10;
color:F90370;
text-transform:;
text-decoration:underline;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:FB8CBD;
font-weight:none;}


a:hover, a.man:hover, a.text:hover,
a.redlink:hover, a.navbar:hover {
font-family:georgia;
font-size:10;
color:FF17A7;
text-transform:;
text-decoration:underline;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:FB8CBD;
font-weight:bold;}


.contacttable a:link,
.contacttable a:active,
.contacttable a.man:link,
.contacttable a.text:link,
.contacttable a.redlink:link,
.contacttable a.redlink:active,
.contacttable a.navbar:link,
.contacttable a.navbar:active {
text-decoration:none;
border-bottom-width:0px;
border-bottom-style:solid;
border-bottom-color:FB8CBD;}

.contacttable a:visited,
.contacttable a.man:visited,
.contacttable a.text:visited,
.contacttable a.redlink:visited,
.contacttable a.navbar:visited {
text-decoration:none;
border-bottom-width:0px;
border-bottom-style:solid;
border-bottom-color:FB8CBD;}

.contacttable a:hover, .contacttable a.man:hover, .contacttable a.text:hover,
.contacttable a.redlink:hover, .contacttable a.navbar:hover {
text-decoration:none;
border-bottom-width:0px;
border-bottom-style:solid;
border-bottom-color:FB8CBD;}
.LINKS{TYPOGROPHY ENDS HERE}

.TABLES{START HERE}
table, tr, td {
background-color:transparent;
border:none;
padding: 0px;
width:550px;}

table table table {
background-color: FF7B91;
background-image:url(URL HERE);
border:0px black solid;
height:.01%;
width:100%;}

table tbody td table tbody tr td.text table {
background-color: 7EC101;
background-image:url(URL HERE);}
table table table table {
border:none;}

td.text td.text table table td {
padding:3px;}

td td td td {
width: 1%;
text-align:justify;}

.userProfileURL {border:1px black solid; }
.profileInfo {border:1px black solid;}
.userProfileDetail {border:1px black solid;}
.interestsanddetails{border:1px black solid;}
.friendSpace {border:1px black solid;}
.ProfileSong {border:1px black solid;}
.friendsComments {border:1px black solid;}
.latestBlogEntry {border:1px black solid;}
.UserProfileSchool {border:1px black solid;}
.UserProfileNetwork {border:1px black solid;}
.UserProfileCompany {border:1px black solid;0}
.contacttable {border:1px black solid;}
.blurbs {border:1px black solid;}
.TABLES{END HERE}

.NEWNAV{HIDE STARTS HERE}
.profilewidth {margin-bottom:-60px!important;}
.clearfix {background:none!important;}
.clearfix font, .clearfix ul, .mslogo, .clearfix form, .clearfix a, .clearfix select {display:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;}
.bodycontent div {_filter:alpha(opacity:100)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}

table .profileinfo tr td tr td {padding-bottom: 5px;}
.NEWNAV{HIDE ENDS HERE}
</style>

in the I'd Like to Meet
CODE
<style>
.clearfix td {background-color:transparent!important;}
.clearfix div {_background-color:transparent!important;}
</style>
Reason for edit: please put codes in codeboxes. thanks :) -natalia
 
 
Start new topic
Replies
fixtatik
post Jul 26 2008, 11:41 AM
Post #2


Senior Member
******

Group: Member
Posts: 1,237
Joined: May 2008
Member No: 648,123



in the area where you're adjusting your tables, remove background-image:url(URL HERE);. the extended network banner is a table, so while firefox is reading that you want the extended network banner to have that background, IE is reading that you want all tables to have a background of "URL HERE."

as for the chopped off part, instead of using margin-top:-10px;, use position:relative; top:-10px;. what it's doing in IE is keeping the table in the same spot, but moving the margins up, which is why it gets cut off.
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: