Jump to content

broken in safari

dumdumsareyum

By dumdumsareyum
in CSS Help

Recommended Posts

dumdumsareyum Member

dumdumsareyum

Posted
  • Author
Posted

after doing a little thinking it occurred to me that the part of the site that is broken uses tables  -- I downloaded the phpbb3 forum and then the buttons down the side and header I added and just put a margin on the original content. I think it worked before I changed the layout but I just can't remember. i'll post the css file if anyone would like to wade through it  :)

 

/*  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: 0px;
padding: 0px;
}

html {
font-size: 100%;
}

body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color: #323D4F;
background-color: #FFFFFF;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0;
        position: absolute;
        width: 100%;
        min-height: 100%;
        height: auto !important;
height: 100%;
       
}

#wrapheader {
min-height: 130px;
height: auto !important;
height: 130px;
background-image: url('./images/backgroundimage.jpg');
        background-position: top;
background-repeat: repeat-x;
        margin: 0px;
}

#wrapcentre {
margin: 15px 25px 0px 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 img {
        margin: 0px;

}

#lostNav {
        position: absolute;
        left: 0px;
        top: 130px;
        z-index: 1;
        text-align: center;
        width: 150px;
        margin-top: 0px;
height: 100%;
        background-image: url('./images/bodyleft.jpg');
        background-position: right;
        background-repeat: repeat-y;
}

.icon-gallery {
background-position: 0 50%;
background-repeat: no-repeat;
background-image: none;
padding: 1px 0 0 17px;
}
.buttons div.upload-icon { 
       width: {IMG_BUTTON_UPLOAD_IMAGE_WIDTH}px; height: {IMG_BUTTON_UPLOAD_IMAGE_HEIGHT}px; 
}
.icon-gallery	{ 
      background-image: url("{T_THEME_PATH}/images/icon_gallery.gif"); 
}
.upload-icon, .upload-icon a 	{ background-image: url("{IMG_BUTTON_UPLOAD_IMAGE_SRC}") ;}    

.marginwrap {
    margin-left: 150px;
}

#menubar {
margin: 0 25px;
        margin-left: 150px;
        padding-left: 25px;
}

#datebar {
margin: 10px 25px 0 150px;
        padding-left: 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: #000;
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;
}

p {
font-size: 1.1em;
}

p.moderators {
margin: 0;
float: left;
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: black;
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;
}

.postdetails {
color: #000000;
}

.postbody {
font-size: 1.3em;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, 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: black;
font-weight: bold;
}

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

.cattitle {

}

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

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

.gensmall {
margin: 1px 1px;
font-size: 1em;
}

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

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

.error {
color: red;
}


/* Tables
------------ */
th {
color: #d3aa26;
font-size: 1.1em;
font-weight: bold;
background-color: #143a2b;
background-image: url('./images/cellpic3.gif');
white-space: nowrap;
padding: 7px 5px;
}

td {
padding: 2px;
}
td.profile {
padding: 4px;
}

.tablebg {
//background-color: #A9B8C2;
          background-color: #f1eb98;
}

.catdiv {
height: 28px;
margin: 0;
padding: 0;
border: 0;
background-image: url('./images/cellpic1.gif');
}
.rtl .catdiv {
background: white url('./images/cellpic2_rtl.jpg') repeat-y scroll top right;
      
}

.cat {
height: 28px;
margin: 0;
padding: 0;
border: 0;
background-color: #C7D0D7;
background-image: url('./images/cellpic1.gif');
text-indent: 4px;
}

.row1 {
background-color: #fff;
padding: 4px;
}

.row2 {
//background-color: #DCE1E5;
        background-color: #f3f1d8;
padding: 4px;
}

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

.spacer {
background-color: #D1D7DC;
}

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

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

/* Links
------------ */
a:link {
        color: #0c3d1f;
text-decoration: none;
}

a:active,
a:visited {
        color: #0c3d1f;
text-decoration: none;
}

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

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

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

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

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

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


/* Form Elements
------------ */
form {
margin: 0;
padding: 0;
border: 0;
}

input {
color: #333333;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 1px;
border: 1px solid #A9B8C2;
background-color: #FAFAFA;
}

textarea {
background-color: #FAFAFA;
color: #333333;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.3em; 
line-height: 1.4em;
font-weight: normal;
border: 1px solid #A9B8C2;
padding: 2px;
}

select {
color: #333333;
background-color: #FAFAFA;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
border: 1px solid #A9B8C2;
padding: 1px;
}

option {
padding: 0 1em 0 0;
}

option.disabled-option {
color: graytext;
}

.rtl option {
padding: 0 0 0 1em;
}

input.radio {
border: none;
background-color: transparent;
}

.post {
background-color: white;
border-style: solid;
border-width: 1px;
}

.btnbbcode {
color: #000000;
font-weight: normal;
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
background-color: #EFEFEF;
border: 1px solid #666666;
}

.btnmain {
font-weight: bold;
background-color: #ECECEC;
border: 1px solid #A9B8C2;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}

.btnlite {
font-weight: normal;
background-color: #ECECEC;
border: 1px solid #A9B8C2;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}

.btnfile {
font-weight: normal;
background-color: #ECECEC;
border: 1px solid #A9B8C2;
padding: 1px 5px;
font-size: 1.1em;
}

.helpline {
background-color: #DEE3E7;
border-style: none;
}


/* BBCode
------------ */
.quotetitle, .attachtitle {
margin: 10px 5px 0 5px;
padding: 4px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #0c3d1f;
color: #333333;
background-color: #f3f1d8;
font-size: 0.85em;
font-weight: bold;
}

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

.quotecontent, .attachcontent {
margin: 0 5px 10px 5px;
padding: 5px;
border-color: #0c3d1f;
border-width: 0 1px 1px 1px;
border-style: solid;
font-weight: normal;
font-size: 1em;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
background-color: #FAFAFA;
color: #4B5C77;
}

.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;
}

Link to comment
https://forums.phpfreaks.com/topic/108608-broken-in-safari/#findComment-557024
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.