Page 1 of 1

Breaking username

Posted: Sat Feb 16, 2008 10:01 pm
by Leo
View this in IE and compare it to FF:

http://www.forge.empiresx.net

The name "Elena55 Suckvashhh" breaks in IE but not in FF, anyone know why? Thanks

Re: Breaking username

Posted: Sun Feb 17, 2008 3:17 am
by Matthew69
Not realyl sure, but I may be how the browser reads the stylesheets and template files.

One question. Do you not want it to break?
If so maybe find where thats at in the stylesheet(s), and see if its the width is auto-adjusting. Thats just a thought, I don't know much about CSS, I just wanted to say my comments to see if they helped, if you would post the stylesheet then maybe I could show you how to fix it, not sure though.

By the way, nice style. Is it custom?

Re: Breaking username

Posted: Sun Feb 17, 2008 3:22 am
by Leo
Oh sorry, I forgot to mention that, yes, I want it to break like how it is in IE but FF isn't doing so.

Here's the CSS:

http://forge.empiresx.net/styles/subsil ... esheet.css

Yes I made the theme, thanks!

Re: Breaking username

Posted: Sun Feb 17, 2008 3:28 am
by Matthew69
okay, I am not sure if I fixed it or not, because I don't really know what is what, but try this:

Code: Select all

/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
	Style name:		subsilver2
	Based on style:	subSilver (the default phpBB 2 style)
	Original author:	subBlue ( http://www.subBlue.com/ )
	Modified by:		psoTFX and the phpBB team ( http://www.phpbb.com )
	
	This is an alternative style for phpBB3 for those wishing to stay with
	the familiar subSilver style of phpBB version 2.x
	
	Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */	margin: 0;
	padding: 0;
}
body {
   font-family: Arial, Tahoma, sans-serif;
   background: url(/styles/subsilver2/theme/images/headerbg.jpg) repeat-x top #6D6D6D;
   font-size: 11px;
   margin: 0;
   color: #84ACC5;
}

#forge1{background: url(/styles/subsilver2/theme/images/forge1.jpg) no-repeat;width:779px; height: 152px;float:left;}
#forge2{background: url(/styles/subsilver2/theme/images/forge2.jpg) no-repeat;width:779px; height: 134px;float:left;}
#forge3{background: url(/styles/subsilver2/theme/images/forge3.jpg) no-repeat;width:779px; height: 100%;float:left;padding-left: 61px;}
#forge4{background: url(/styles/subsilver2/theme/images/forge4.jpg) no-repeat;width:779px; height: 418px;clear:both;}

#bg {
background: url(/styles/subsilver2/theme/images/footerbg.jpg) repeat-x bottom;
}

#smaller {
padding: 0 20px;
margin: 0 auto;
min-width: 650px;
width: 779px;
}

#contentbg {
background: url(/styles/subsilver2/theme/images/contentbg.jpg) repeat-y;
width: 779px;
}

#container {
width: 779px;
margin: 0 auto;
text-align: left;
}

.postsimages{
color: #86a8b1;
margin: 20px 0px 0px 200px;
}

.stats{
color: #86a8b1;
margin: 15px 0px 0px 150px;
}

.poweredby {
color: #9d9f9e;
font: 11px arial, tahoma, sans-serif;
float:left;
margin: 94px 0px 0px 240px;
width: 50%;
}

.usersonline {
color: #86a8b1;
font: 11px arial, tahoma, sans-serif;
float:left;
margin: 10px 0px 0px 125px;
width: 100%;
}

.usersonline2 {
color: #86a8b1;
font: 11px arial, tahoma, sans-serif;
margin: 0px 0px 0px 0px;
width: 180px;
}

.float {
float:left;
}

.float-right {
float:right;
}

em {
color: #c5270c;
font: bold 12px Tahoma, arial, sans-serif;
margin-right: 1px;
}

.menu {
margin: 126px 0px 0px 329px;
}

.m:link, .m:visited, .m:active {
font-size: 12px;
color: #D1D6DB;
font-weight: bold;
text-decoration: none;
cursor: default;
outline: none;
}
.m:hover {
font-size: 12px;
color: #fff;
font-weight: bold;
text-decoration: none;
cursor: default;
outline: none;
}

.date {
color: #558ea2;
margin: 18px 0px 0px 430px;
}

.topmenu {
color: #fff;
margin: 37px 0px 0px 90px;
float: left;
width: 300px;
}
.topmenu2 {
color: #fff;
float: left;
width: 300px;
margin-top: 37px;
}
.topmenu3 {
color: #79a4c7;
font-weight: bold;
float: left;
width: 480px;
margin: -24px 0px 0px 180px;
}


.m2:link, .m2:visited, .m2:active {
color: #79a4c7;
text-decoration: none;
cursor: default;
outline: none;
}
.m2:hover {
color: #85b4da;
text-decoration: none;
cursor: default;
outline: none;
}
.from-left {
margin: 0px 0px 0px 25px;
}

input, textarea {
font: 12px arial, tahoma, sans-serif;
color: #4f6d4d;
background-color: #2b2b2b;
border: 1px solid #6e5656;
padding: 3px;
}

.clear{
clear:both;
}




















#wrapheader {
	min-height: 120px;
        margin: 0 auto;
	height: auto !important;
	height: 120px;
	background-repeat: repeat-x;*/
/*	padding: 0 25px 15px 25px;*/
	padding: 0;
}

#wrapcentre {
	margin: 15px 25px 0 25px;
}

#wrapfooter {
	text-align: center;
	clear: both;
}

#wrapnav {
	width: 100%;
	margin: 0;
	background-color: #ECECEC;
	border-width: 1px;
	border-style: solid;
	border-color: #A9B8C2;
}

#logodesc {
	margin-bottom: 5px;
	padding: 5px 25px;
	background: #D9DFE4;
	border-bottom: 1px solid #4787A7;
}

#menubar {
	margin: 0 25px;
}

#datebar {
	margin: 10px 25px 0 25px;
}

#findbar {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.forumrules {
	background-color: #F9CC79;
	border-width: 1px;
	border-style: solid;
	border-color: #BB9860;
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.forumrules h3 {
	color: red;
}

#pageheader {}
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
 --------------------- */
h1 {
	color: black;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
}

h4 {
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
        border: 0px solid #818181;
}

p {
	font-size: 1.1em;
}

p.moderators {
	margin: 0;
	color: black;
	font-weight: bold;
}

.rtl p.moderators {
	float: right;
}

p.linkmcp {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.linkmcp {
	float: left;
}

p.breadcrumbs {
	margin: 0;
	float: left;
	color: #519e85;
	font-weight: bold;
	white-space: normal;
	font-size: 1em;
}

.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	margin: 0;
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}

p.searchbar {
	padding: 2px 0;
	white-space: nowrap;
} 

p.searchbarreg {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	padding-bottom: 4px;
}

p.topicauthor {
	margin: 1px 0;
}

p.topicdetails {
	margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
	margin: 1px 0;
	color: red;
	font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
	color: green;
	font-weight:bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
}

.postauthor {
	color: #000000;
        font-size: 13px;
        text-align: center;
}

.postdetails {
	color: #9c9c9c;
        font-size: 11px;
	font-family: Arial, sans-serif;
}

.postbody {
	font-size: 11px;
        text-align: justify;
        letter-spacing: 0.5px;
	font-family: Tahoma, sans-serif;
}

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posthilit {
	background-color: yellow;
}

.nav {
	margin: 0;
	color: #949494;
	font-weight: bold;
}

.pagination {
	padding: 4px;
	color: black;
	font-size: 1em;
	font-weight: bold;
}

.gen {
	margin: 0px 0px;
	font-size: 1.2em;
}

.genmed {
	margin: 0px 0px;
	font-size: 1.1em;
}

.gensmall {
	margin: 0px 0px;
	font-size: 1em;
        color: #5c93ae;
}

.copyright {
	color: #444;
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.titles, .titles a:link,.titles a:active, .titles a:visited {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
        background-color: #494949;
}

.titles a:hover{
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
        background-color: #494949;
}

.error {
	color: red;
}


/* Tables
 ------------ */
th {
        
	font: bold 12px arial;
        text-transform: uppercase;
        color: #BDE1F3;
	background-color: #808080;
	white-space: nowrap;
	padding: 5px;
        border: 0px solid #818181;
}

.forumhead2 {
        
	font: bold 12px arial;
        text-transform: uppercase;
        color: #609cb9;
	background-color: #343434;
	white-space: nowrap;
	padding: 0px 5px;
        border-right: 0px solid #818181;
background: url('/styles/subsilver2/theme/images/forumhead2.jpg') no-repeat;
height: 23px;
width: 649px;
}


.forumhead3 {
        
	font: bold 12px arial;
        text-transform: uppercase;
        color: #609cb9;
	background-color: #343434;
	white-space: nowrap;
	padding: 0px 5px;
        border-right: 0px solid #818181;
background: url('/styles/subsilver2/theme/images/forumhead2.jpg') no-repeat top right;
height: 23px;
width: 649px;
}

headers {
        
	font: bold 14px arial;
        text-transform: uppercase;
        color: #609cb9;
	background-color: e5e5e5;
	white-space: nowrap;
        border: 0px;
}

td {
	padding: 0px 0px 0px 0px;
        border: 0px solid #818181;
}
td.profile {
	padding: 4px;
}

.tablebg2 {
	background: url(/styles/subsilver2/theme/images/box4.jpg) no-repeat top right;


}

.tablebg{
background-color: #000;
}
.catdiv {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background: white url('./images/cellpic2.jpg') repeat-y scroll top left;
}
.rtl .catdiv {
	background: white url('./images/cellpic2_rtl.jpg') repeat-y scroll top right;
}

.cat {
background: url('/styles/subsilver2/theme/images/forumhead.jpg') no-repeat;
height: 28px;
width: 649px;
margin: 0;
padding: 0;
border: none;
text-indent: 8px;
font: bold 12px arial;
color: #609cb9;
text-transform: uppercase;

}


.rowforums {
	background: url(/styles/subsilver2/theme/images/cell1bg.jpg) repeat-x;
        height: 57px;
	padding: 4px;
}

.rowposts{
	background: url(/styles/subsilver2/theme/images/box3.jpg) no-repeat top right;
        height: 60px;
	padding: 0px 30px;
        color: #567f98;
        font-family: tahoma;
        font-size: 10px;
}

.rowdesc{
	background-color: #3c3c3c;
        border-bottom: 1px solid #6B6C6D;
        border-right: 1px solid #6B6C6D;     
        padding: 0px 8px 0px 8px;
        color: #638FA6;
        font-family: tahoma;
        text-align: justify;
        font-size: 11px;
		width:354px;
}
.rowdesc:hover{
	background-color: #484848;
        border-right: 1px solid #939393; 
        color: #84A9BB;
}

.rowlatestposts{
	background: url(/styles/subsilver2/theme/images/box5.jpg) no-repeat top right;
        height: 60px;
        width: 110px;
	padding-right: 7px;
        color: #567f98;
        font-family: tahoma;
        font-size: 10px;
        word-wrap: break-word;
}

.topics{
        background-color: #535353;
        font: 12px bold #89B2C7;
}

.topics:hover{
        background-color: #5e5e5e;
        font: 12px bold #AEC8D6;
}

.topics2{
        background-color: #535353;
        font: 12px bold #89B2C7;
        border-right: 1px solid #7B7B7B;
}

.topics2:hover, .topics3 a:visited, .topics3 a:active{
        background-color: #5e5e5e;
        font: 12px bold #CADAE2;
        border-right: 1px solid #9F9F9F;
}

.topics3{
        background-color: #3F525F;
        font: 12px bold #AEC8D6;
}

.iconbox{
	background: url(/styles/subsilver2/theme/images/box1.jpg) no-repeat;
        height: 60px;
        width: 59px;
        color: #697f95;
        font-family: tahoma;
        text-align: justify;
        font-size: 11px;
        padding: 0px 2px 0px 2px;
}

.row3 {
	background-color: #C0C8D0;
	padding: 4px;
}

.pagesheader{
        background-color: #808080;
        padding: 5px;
        color: #BDE1F3;
        font: bold 12px arial;
}

.pagesbox{
        background-color: #484848;
        color: #96C8E0;
        padding: 5px;
        font: 11px arial;
}
.pagesbox2{
        background-color: #585858;
        color: #96C8E0;
        padding: 5px;
        font: 11px arial;
        height: 10px;
}
.userbg{
        background: url(/styles/subsilver2/theme/images/userbg.jpg) repeat-x;
        background-color: #2b2b2b;
}
.spacer {
	background-color: #D1D7DC;
}

hr {
	height: 1px;
	border-width: 0;
	background-color: #D1D7DC;
	color: #D1D7DC;
}

.legend {
	text-align:center;
	margin: 0 auto;
}

/* Links
 ------------ */
a:link {
	color: #84a9b1;
	text-decoration: none;
}

a:active,
a:visited {
	color: #84a9b1;
	text-decoration: none;
}

a:hover {
	color: #A9C6CC;
	text-decoration: underline;
}

a.forumlink {
	color: #B8B8B8;
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

a.topictitle {
	margin: 1px 0;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

a.topictitle:visited {
	color: #5493B4;
	text-decoration: none;
}

th a,
th a:visited {
	color: #78AEC3!important;
	text-decoration: none;
}

th a:hover {
	text-decoration: underline;
}


/* BBCode
 ------------ */
.quotetitle, .attachtitle {
	margin: 10px 5px 0 5px;
	padding: 4px;
	color: #333333;
	background-color: #808080;
	font-size: 0.85em;
        border-top: 1px solid #A5A5A5;
        border-right: 1px solid #A5A5A5;
        border-left: 1px solid #A5A5A5;
        border-bottom: 1px solid #A5A5A5;
	font-weight: bold;
}

.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent, .attachcontent {
	margin: 0 5px 10px 5px;
	padding: 5px;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #585858;
	color: #84ACC5;
        border-bottom: 1px solid #A5A5A5;
        border-right: 1px solid #A5A5A5;
        border-left: 1px solid #A5A5A5;
}

.attachcontent {
	font-size: 0.85em;
}

.codetitle {
	margin: 10px 5px 0 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #A9B8C2;
	color: #333333;
	background-color: #A9B8C2;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #A9B8C2;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #006600;
	font-size: 0.85em;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #FAFAFA;
}

.syntaxbg {
	color: #FFFFFF;
}

.syntaxcomment {
	color: #FF8000;
}

.syntaxdefault {
	color: #0000BB;
}

.syntaxhtml {
	color: #000000;
}

.syntaxkeyword {
	color: #007700;
}

.syntaxstring {
	color: #DD0000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #000000;
}

.pm_replied_colour {
	background-color: #A9B8C2;
}

.pm_friend_colour {
	background-color: #007700;
}

.pm_foe_colour {
	background-color: #DD0000;
}


/* Misc
 ------------ */
img {
	border: none;
}

.sep {
	color: black;
	background-color: #FFA34F;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;
}

.username-coloured {
	font-weight: bold;
}

.width{
width: 109px;
}
.latests-fix {
width: 100px;
font-size:11px;
padding: 0px 25px; 0px -20px;
}

Re: Breaking username

Posted: Sun Feb 17, 2008 3:36 am
by Matthew69
Okay, well I am getting off, but what you might need to do, is add specific widths to all the rowforums, rowposts, and etc.

Maybe that will work, but I am not completely sure. If not then I will be back in the morning sometime, and will help you then!

Re: Breaking username

Posted: Sun Feb 17, 2008 4:51 am
by Leo
Yikes that definitely did not work. Thanks for trying though!

Re: Breaking username

Posted: Sun Feb 17, 2008 10:19 am
by bennzy
ive just viewed the forum in firefox which im using at the moment and what your talking about has a space between them, maybe refresh the browser?

Re: Breaking username

Posted: Sun Feb 17, 2008 5:46 pm
by Leo
I don't want a space between them because it pushes the boxes to the left and makes it off with the category above it, it doesn't align, so I want it to break like how it is in IE but it's not in FF.

Re: Breaking username

Posted: Mon Feb 18, 2008 2:34 am
by Leo
It's fixed now. Thanks to those who helped!