Welcome Guest [Log In] [Register]
This board has been archived and is no longer accepting new questions. If you have a support question for your ZetaBoard, please visit us at the new support board. Registration is free and easy.


Visit the NEW ZetaBoards Support forum!

Username:   Password:
Add Reply
Member info in the center on IE
Topic Started: Feb 17 2008, 03:28 PM (464 Views)
laughatbilly
Member
[ * ]
The member info is to the left on IE and in the middle on Firefow how do I get it in the middle for IE to?

IE
Posted Image

FF
Posted Image

I want IE to be in the center like firefox. How would i do that?
Offline Profile Quote Post Goto Top
 
Bladeblaze1
Member
[ * ]
What kind of Internet Explorer are you using? IE 6 or 7? Or it's because of a code which has an effect only on IE?
Offline Profile Quote Post Goto Top
 
Phlip (S)
Member Avatar
Member
[ *  *  *  * ]
IE is shameful at rendering stuff much like this accordingly. IE8 (apparently) will be able to do it smoothly. ;) So for now you'll have to deal with it. :)
Offline Profile Quote Post Goto Top
 
Nicola
Darth Vader's Sewing Instructor
[ *  *  *  *  *  *  * ]
I don't have a huge amount of time this evening, so I can't comb through the CSS weeding out what makes it work, but you could try replacing this (find it around 2 thirds of the way in):

css
 
.c_user {
vertical-align:top;
width:1px;
min-width:175px;
max-width:175px;
}

.c_post {
width:100%;
}

.c_sig,.c_nosig {
width:100%;
}

.avatar {
display:block;
margin:auto;
text-align:center;
}

.av_wrap {
overflow:hidden;
text-align:center;
margin:auto;
}

td.c_user .usertitle {
margin:3px 0;
overflow-x:hidden;
text-align:center;
}

.pip {
margin:3px 0;
white-space:nowrap;
}

dl.user_info dt,dl.user_info dd {
padding:.1em;
}

dl.user_info dt {
float:left;
margin:0;
min-width:4em;
}

dl.user_info dd.spacer,dl.user_profile dd.spacer {
clear:both;
float:none;
height:1px;
padding:0;
}



with this:

css
 
.c_user {
vertical-align:top;
width:175px;
}

img.c_user {
height: 1px;
}

.avatar {
display:block;
margin:auto;
text-align:center;
}

.av_wrap {
overflow:hidden;
text-align:center;
margin:auto;
}

td.c_user .usertitle {
text-align:center;
margin:3px 0;
}

.pip {
margin:3px 0;
white-space:nowrap;
}

dl.user_info dt,dl.user_info dd {
padding:.1em;
}

dl.user_info dt {
float:left;
margin:0;
min-width:4em;
}

dl.user_info dd.spacer,dl.user_profile dd.spacer {
clear:both;
float:none;
height:1px;
padding:0;
}


That should kill two IE/Opera Theme bugs.
Offline Profile Quote Post Goto Top
 
24thcenstfan
Member Avatar
Live Long and Prosper!
[ *  * ]
Nicola
Feb 17 2008, 03:53 PM
I don't have a huge amount of time this evening, so I can't comb through the CSS weeding out what makes it work, but you could try replacing this (find it around 2 thirds of the way in):
Is that code change supposed to properly align the username above the avatar as well? Or will something else need to be changed?

When I changed out the code, the username did not properly center with the avatar.
Offline Profile Quote Post Goto Top
 
Nicola
Darth Vader's Sewing Instructor
[ *  *  *  *  *  *  * ]
The username is still a bit off, but welcome to IE being poor with HTML standards. That may be the best it's going to get.
Offline Profile Quote Post Goto Top
 
24thcenstfan
Member Avatar
Live Long and Prosper!
[ *  * ]
Nicola
Feb 17 2008, 07:47 PM
The username is still a bit off, but welcome to IE being poor with HTML standards. That may be the best it's going to get.
It centers properly on this board. So I know its possible.

I'll just leave the code as it was. At least it lines up a little better.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Theme & Code Help · Next Topic »
Add Reply