dsonesuk Posted August 23, 2009 Share Posted August 23, 2009 You wouldn't have this problem if all the browsers showed the same font, font-size. see http://css-tricks.com/css-font-size/ or http://itezer.com/blog/web_dev/49-CSS-Font...vs-percent.htmlcss:#headline { width:590px; height:540px; float:left; background:#fff url(http://thespartana.net/wp-content/themes/arthemia/images/headlinebackground.jpg) no-repeat right bottom; padding:10px; font-size:1.05em; line-height:1.5em; margin-right:10px; border-bottom:8px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; border-top:1px solid #333333; }#featured { width:294px; height:540px; background:#fff; float:right; padding:10px; border-bottom:8px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; border-top:1px solid #333333; } #featured a {display: block; height: 20px; line-height: 20px;} /*add this*/#middle {background:repeat scroll 0 0;border-color:#333333;border-style:solid;border-width:1px 0 0;float:left;margin:10px 0 0;padding:10px 0 0;width:590px;} .category {background:#FFFFFF none repeat scroll 0 0;border-bottom:1px dotted #CCCCCC;border-top:1px dotted #CCCCCC;float:left;height:70px;margin-bottom:10px;padding:5px 10px 10px;width:98px;}#quotearea { height: 67px !important; margin-top: -5px!important; }HTML AMENDMENTS:add middle_image div round hallowayvoices images<div class="middle_img"><img src="http://thespartana.net/wp-content/themes/arthemia/images/arrow.jpg" width="13px" height="10px" alt="" /> <img src="http://thespartana.net/wp-content/themes/arthemia/images/hallwayvoices.gif" width="110px" height="11px" alt="" /></div> Link to comment Share on other sites More sharing options...
dsonesuk Posted August 24, 2009 Share Posted August 24, 2009 just gone though style sheet and these will the fix the incorrect font and size problems. "Century Schoolbook", Georgia, Arial, sans-serif; (quotes round Century Schoolbook)change Franklin Gothic Medium cond(no quotes) to "Franklin Gothic Medium";(with quotes).category p {-x-system-font:none;font-family:Arial;font-size:85%; /*change from 0.8em */font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;margin:0;}#front-list { /*place after H7 WHICH I SHOULD TELL YOU, DOES NOT EXIST Highest is H6*/ width:180px; height:650px; background:#fff; padding:10px; margin-top:10px; font-size:0.84em; line-height:1.40em; float:left; border-bottom:8px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; border-top:1px solid #333333; }h3.cat_title, h3.cat_title a { color:#333; letter-spacing:-0.05em; font-size:1em; }all css coding /* Theme Name: ArthemiaTheme URI: [url="http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/"]http://michaelhutagalung.com/2008/05/arthe...theme-released/[/url]Description: <a href="http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/">Arthemia</a> theme is combining a magazine and a weblog into one; it is not too magazine-ish nor too blog-ish. Designed for Wordpress. Gravatar support included along with automatic thumbnail resizer.Version: 1.0Author: Michael Jubel HutagalungAuthor URI: [url="http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/"]http://michaelhutagalung.com/2008/05/arthe...theme-released/[/url]The CSS, XHTML and design is released under GPL:[url="http://www.opensource.org/licenses/gpl-license.php"]http://www.opensource.org/licenses/gpl-license.php[/url]*//* HTML Elements */* { margin:0; padding:0; }body { font: 100% Arial, Helvetica; background: #FFF; color: #333; }p { margin: 15px 0; }caption { font:0.8em Arial; text-transform:uppercase; }a:link, a:visited { color: #21428e; text-decoration:none }a:hover, a:active { color: #21428e; text-decoration:underline; }a img { border:0; }code { font: 1.0em 'Courier New', Courier, Fixed; background:#ececec; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; cursor:help; } acronym, abbr { border-bottom: 1px dashed #999; }blockquote { padding: 10px 10px 0 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #eee; font:1.0em Arial; line-height:1.5em; margin:10px 0px; }select { width: 130px; } /* Structure */#head { width:980px; margin:0px auto; margin-top:10px; padding:0px; font-size:0.7em; }#page { width:938px; margin:0px auto; padding:20px; background:#ececec url(images/newspaperbackground1.jpg); font-size:0.7em; border-right:1px solid #333; border-left:1px solid #333; }.left, .alignleft { float:left; }.right, .alignright { float:right; }/* Navigation Bar*/#navbar { margin:0 auto; margin-top:15px; padding:0px 10px; text-transform:uppercase; background:#2c2c2c url(images/navbar_edited2.jpg); border-bottom:8px solid #333333; }#page-bar { width:722px; }#page-bar ul { list-style: none; }#page-bar li { float:left; list-style:none; cursor: pointer; display:block; border-right:1px solid #333; }#page-bar li:hover { background: #ffffff; }#page-bar a, #page-bar a:visited { margin: 0px; padding:10px 16px; font-weight:bold; color:#333333; display:block; }#page-bar a:hover { text-decoration:none; display:block; }#searchform { width:194px; float:right; text-align:right; padding-top:8px; margin-right:10px; }/* Dropdown Menus */ #page-bar li { float: left; margin: 0px; padding: 0px; } #page-bar li li { float: left; margin: 0px; padding: 0px; width: 122px; text-transform:none; } #page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited { background: #ffffff; width: 122px; float: none; margin: 0px; padding: 5px 10px 5px 18px; border-bottom: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; } #page-bar li li a:hover, #page-bar li li a:active { background: #ffffff url(images/dropdown1.jpg); padding: 5px 10px 5px 18px; border-bottom:8px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; border-top:1px solid #333333; }#page-bar li ul { position: absolute; width: 10em; left: -999em; }#page-bar li:hover ul { left: auto; display: block; } #page-bar li:hover ul, #page-bar li.sfhover ul { left: auto; }#twitter-feed{ list-style-type: none; border: 1px solid #3a78b8; background: #d7e6f5; padding: 3px; margin: 0; font: 12px helvetica, arial, tahoma, sans-serif; }/* Text*/h1 { font:3.5em "Franklin Gothic Medium"; font-weight:bold; letter-spacing:-0.08em; }h2 { font:2.3em Georgia, "Times New Roman"; }h3 { font:1.3em "Franklin Gothic Medium"; text-transform:capitalize; margin-bottom:3px; color:#21428e; }h4 { font:1.0em Arial; text-align:Right; }h5 { font:1.0em "Franklin Gothic Medium"; color:#21428e; text-transform:uppercase; }h6 { font:0.8em "Franklin Gothic Medium"; color:#333 }#front-list { width:180px; height:650px; background:#fff; padding:10px; margin-top:10px; font-size:0.84em; line-height:1.40em; float:left; border-bottom:8px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; border-top:1px solid #333333; }h3.cat_title, h3.cat_title a { color:#333; letter-spacing:-0.05em; font-size:1em; }h3#respond { margin-top:0px; padding-top:20px; }h3#comments { margin-top:32px; padding-left:0px; }h3.authors { margin-top:15px; }/* Index Page*/#logo { width:350px; }#tagline { margin-top:5px; font-size:1em; color:#333; }#top { padding:0; }#headline { width:590px; height:540px; float:left; background:#fff url(images/headlinebackground.jpg) no-repeat right bottom; padding:10px; font-size:1.05em; line-height:1.5em; margin-right:10px; border-bottom:8px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; border-top:1px solid #333333; }#headline div.title { font:2.4em "Century Schoolbook", Georgia, Arial, sans-serif; font-weight:bold; letter-spacing:-0.05em; display:block; padding-bottom:5px; }#headline div.meta { display:block; margin-top:-5px; padding-bottom:2px; }#headline p { padding-bottom:15px; }#featured { width:294px; height:540px; background:#fff; float:right; padding:10px; border-bottom:8px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; border-top:1px solid #333333; } #featured a {display: block; height: 20px; line-height: 20px;} /*add this*/#featured .clearfloat { margin-top:7px; margin-bottom:8px; }#featured .info { margin-top:5px; padding-top:5px; float:right; width:180px; }#featured .title { font-weight:bold; }#headline a img, #featured a img { border:1px solid #ccc; margin-top:5px; margin-right:5px; padding:2px; }#middle {background:repeat scroll 0 0;border-color:#333333;border-style:solid;border-width:1px 0 0;float:left;margin:10px 0 0;padding:10px 0 0;width:590px;} .middle_img {margin-bottom: 5px;}.category {background:#FFFFFF none repeat scroll 0 0;border-bottom:1px dotted #CCCCCC;border-top:1px dotted #CCCCCC;float:left;height:70px;margin-bottom:10px;padding:5px 10px 10px;width:98px;}.category p { font:85% Arial; margin:0; } #cat-1, #cat-3, #cat-5 {border-top:8px solid #a4a8ab;}#cat-2, #cat-4 {border-top:8px solid #21428e;}.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title { font:1.5em "Franklin Gothic Medium"; text-transform:uppercase; margin:0; letter-spacing:-0.05em; }#front-popular h3 { color:#fff; }.category a { color:#333; display:block; background:none; } .category a p { padding-bottom: 0!important; }.category a:hover { background:none; color:#fff; text-decoration:none; }#cat-1:hover, #cat-3:hover, #cat-5:hover {background:#21428e; color:#fff; }#cat-2:hover, #cat-4:hover {background:#a4a8ab; color:#fff; }#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#21428e; color:#fff; }#cat-2:hover a, #cat-4:hover a {background:#a4a8ab; color:#fff; }#bottom { width: 938px; padding: 0px; }.bottom-center { background:#FFFFFF none repeat scroll 0 0; float:left; padding:10px; margin-top:10px; margin-left:10px; margin-right:10px; width:378px; height:650px; border-bottom:8px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; border-top:1px solid #333333; }#archive { padding-top:50px; font-size:1.05em; line-height:1.26em; }#front-list blockquote { padding: 0px 0px 0px 0px; }#front-list .title, #archive .title { font: 1.8em "Century Schoolbook", Georgia, Arial, sans-serif; letter-spacing:-0.05em; }#front-list .clearfloat, #archive .clearfloat { border-top:1px dotted #ccc; margin-top:10px; margin-bottom:10px; }#front-list .spoiler, #archive .spoiler { display:block; margin-top:3px; }#front-list p, #archive p { margin:0px; padding:0px; }.author { font-size:0.8em; font-weight:bold; }.meta { font-size:0.99em; color:#333; }.meta a { color:#333; }#headline p, #featured p { margin:0; }/* Content Page*/#content { width:590px; background:#fff; padding:10px; font-size:1.05em; line-height:1.26em; float:left; min-height:400px; border-bottom:8px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; border-top:1px solid #333333; }#content .breadcrumbs, #content .breadcrumbs a { color:#333; font:1.0em "Franklin Gothic Medium"; text-transform:uppercase; }#content h2.title { font:2.2em "Century Schoolbook", Georgia, Arial, sans-serif; font-weight:bold; letter-spacing:-0.05em; border-bottom:1px solid #ddd; border-top:3px solid #ddd; padding:5px 0px; }.post { font-size:1.05em; line-height:1.26em; }.post p { margin-top:0px; }.post .clearfloat { border-bottom:1px dotted #ccc; margin:10px 0px; }.post ul, .post ol, #front-list ul, #front-list ol { margin-bottom:15px; }.post ul li, #front-list ul li { list-style:square; margin-left:30px; }.post ol li, #front-list ol li { list-style:decimal; margin-left:30px; }.post ol li ul li, #front-list ol li ul li { list-style:square; margin-left:20px; }.post img, .post a img, #front-list img, #archive img { border:1px solid #ffffff; }.post .ads { margin-top:10px; }.entry { margin-top:20px; }#stats { margin-top:0px; padding:4px 0px; text-transform:capitalize; font:0.8em Arial; display:block; }#stats span { padding: 0px 20px 0px 0px; }#stats span a:hover { background:none; }#stats span a { color:#333; }#stats img, #nav img { border:0px; margin:0px; padding:0px; }#tools { width:590px; height:25px; font-size:0.95em; }#tools a:hover { background:none; }.navigation { padding:5px 0px; text-align:Center; }/*Pseudo Sidebar*/#pseudosidebar-top { width:294px; height:220px; float:right; margin-top:10px; padding:10px; background:#fff; border-bottom:8px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; border-top:1px solid #333333; } #pseudosidebar-bottom { width:294px; height:391px; float:right; margin-top:10px; padding:10px; background:#fff; border-bottom:8px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; border-top:1px solid #333333; } /* Sidebar*/#sidebar { float:right; width:294px; margin-top:10px; margin-left:10px; }#sidebar h3 { font:1.1em Arial; font-weight:bold; background:#333; color:#fff; margin:10px 0px 5px 0px; padding:3px 10px; }#sidebar-top { float:right; width:294px; padding:10px; background:#fff; border-bottom:8px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; border-top:1px solid #333333; }#sidebar-bottom, #sidebar-middle { margin-top:10px; }#sidebar li { list-style:none; border-bottom:1px dotted #ccc; display:block; background:no-repeat 0 0px; }#sidebar li ul li:last-child{ list-style:none; border-bottom:0px dotted #ccc; display:block; padding:2px 0px 0px 13px; background:no-repeat 0 0px; }#sidebar-ads { height:294px; width:100%; float:right; background:#fff; border-bottom:8px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; border-top:1px solid #333333; }/* Form Elements */select { border:1px solid #333; width:100% } .field { padding: 2px; border:1px solid #333; background:#fff; font-size:1.0em; }#s { padding:1px; font-size:1.0em; width:150px; } #searchsubmit { padding-left:5px; }#commentform input { width: 140px; margin: 5px 5px 1px 0; }#commentform textarea { width: 99%; margin-top:5px; }/* Comments*/.commentlist cite { font-style:normal; margin-bottom:4px; display:block; } .commentlist blockquote { background:#ededed; } .commentlist li { padding: 10px 0px 10px 0px; list-style:none; margin-bottom:3px; }.commentlist li li { background:none; border:none; list-style:square; margin:3px 0 3px 20px; padding:3px 0; }.commenttext { padding: 10px 10px 0px 10px; background:#f2f2f2; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; width:495px; float:right } .commentlist cite strong { font-size:1.1em; } li.my_comment { background: #FFF; border:none; }li.my_comment cite strong { font-size: 1.3em; color:#313228; } #commentform small { background:#FFF; font-weight:bold; padding:0; } .commentmetadata { color:#4d4d4d; display: block; margin-top:3px; text-align:right; font-size:0.9em; }.commentmetadata a, .commentmetadata a:visited { color:#959382; } .commentlist small { background:#e9e9e9; }.avatar { border:1px solid #bbb; margin:0px 10px 0px 0px; float:left; padding:2px; width:55px; height:55px; } #comment { width:590px; background:#fff; }/* Footer*/#front-popular { font-size:0.7em; color:#fff; width: 940px; background:#2c2c2c url(images/bottombar.png) bottom no-repeat; margin: 0 auto; padding:20px; }#recentpost, #mostcommented { width:280px; float:left; padding:10px; border:1px solid #fff; }#mostcommented { margin-left:17px; }#recent_comments { width:280px; float:right; padding:10px; border:1px solid #fff; }#recentpost a, #mostcommented a, #recent_comments a { color:#fff; }#recentpost ul, #mostcommented ul, #recent_comments ul { margin-top:5px; }#recentpost ul li, #mostcommented ul li, #recent_comments ul li { list-style:none; border-top:1px dotted #fff; padding:5px; display:block; }#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover { background:#21428e; color:#fff; }#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child { border-top:0px dotted #fff; }.body-footer { background:#FFFFFF none repeat scroll 0 0; float:none; margin-top:10px; padding:10px; width:916px; height:200px; border-bottom:8px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; border-top:1px solid #333333; }#footer { margin: 0 auto; width: 980px; font-size:0.6em; padding-top:10px; padding-bottom:10px; text-align:center; }/* Float Properties*/.clearfloat:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfloat { /*display: inline-block;*/ }#quotearea { height: 67px !important; margin-top: -5px!important; }/* Hides from IE-mac \*/ Link to comment Share on other sites More sharing options...
idk11 Posted August 25, 2009 Share Posted August 25, 2009 I used that code, but had to tweak it a little, and it looks like everything is fine now. Thanks so much. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.