Przedszkolak
Postów: 42
Pomógł: 1
Ostrzeżeń: 5
Data rejestracji: 21.03.2010 16:37
|
Witam. Chcę, aby moja strona miała zawsze taką samą szerokość, bez względu na rozdzielczość ekranu użutkownika. Zmieniłem define("THEME_WIDTH", "100%");. Zamiast 100% wpisałem 950px, ale strona dalej zmienia swoją szerokość przy różnych rozdzielczościach. Czy zna ktoś przyczynę?
style.css
body {
font : 11px Verdana, Arial, Sans, sans-serif;
color : #eee;
background : #111;
margin : 25px 0 25px 0;
padding : 0;
}
a {
color : #0099cc;
border : 0px;
}
img
{
border: 0px;
}
a:hover {
text-decoration : underline;
color : #0099cc;
}
a.side {
text-decoration : none;
color : #0099cc;
}
a:hover.side {
text-decoration : underline;
color : #0099cc;
}
#footer a {
text-decoration : none;
color : #ddd;
}
#footer a:hover {
text-decoration : underline;
color : #ddd;
}
.outer {
width : 90%;
border : 1px solid #000;
margin-left : auto;
margin-right : auto;
}
#container {
height:100%;
line-height : 1.5em;
color : #ddd;
background : #333;
padding : 2px;
}
#header {
height : 300px;
color : #eedd99;
background: #005599 url(images/header.png) repeat-x;
}
#title .subtitle {
font : bold 15px "Trebuchet MS", verdana, arial, sans-serif;
color : #000;
}
#top-header {
text-transform : uppercase;
text-align : right;
font : bold 85% helvetica, "Trebuchet MS", arial, sans-serif;
color : #bbb;
background : #000;
padding : 5px;
}
#top-header a {
text-decoration : none;
color : #ddd;
background : inherit;
}
#top-header a:hover {
text-decoration : underline;
color : #ddd;
background : inherit;
}
#sub-header{
text-transform : uppercase;
font : bold 85% helvetica, "Trebuchet MS", arial, sans-serif;
color : #bbb;
background : url(images/nav-grad.png) repeat-x;
padding: 5px;
margin : 0px;
height: 28px;
}
#sub-header ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#sub-header a {
color: #ddd;
display: block;
float: left;
margin: 0;
padding: 4px 6px 4px 6px;
text-decoration: none;
}
#sub-header a:hover {
background: #0066bb;
color: #ddd;
padding: 0.4em 0.6em 0.4em 0.6em;
}
#sub-header li {
float: left;
margin: 0;
padding: 0;
}
#sub-header ul li.first-link .bullet {
display: none;
}
#main-content {
padding : 6px;
}
.side-both #main-content {margin: 0 190px 0 190px;}
.side-left #main-content {margin-left: 190px;}
.side-right #main-content {margin-right: 190px;}
#side-border-left {
float : left;
width : 180px;
color : #333;
padding : 6px;
}
#side-border-right {
float : right;
width : 180px;
color : #222;
padding : 6px;
}
.side-border {
border : 1px solid #000;
}
.side-caption {
font-size : 10px;
color : #eee;
background: url(images/newgrad.png) repeat-x;
padding : 2px 5px 3px 5px;
}
.side-body {
font-size : 10px;
color : #ddd;
background: #222;
background: #222 url(images/gradient.png) repeat-x;
border-top : 1px solid #000;
padding : 3px 5px 5px 5px;
}
.main-border {
border : 1px solid #000;
margin-bottom : 8px;
}
.main-caption {
color : #eee;
background : url(images/newgrad.png) repeat-x;
padding : 5px;
}
.main-body {
color : #bbb;
background : #222;
border-top : 1px solid #000;
padding : 3px 5px 5px 5px;
}
#footer {
font-size : 9px;
color : #aaa;
background: #222;
border-top : 1px solid #000;
padding : 5px;
}
#main-container{
width: 100%;
overflow: auto;
}
form {
margin : 0px;
}
hr {
height : 2px;
border-bottom : 1px solid #333;
border-top : 1px solid #000;
}
hr.side-hr {
height : 2px;
border-bottom : 1px solid #333;
border-top : 1px solid #000;
}
td {
font-family : "trebuchet ms", Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
}
pre {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
}
.alt {
color : #888;
}
.admin-message {
text-align : center;
background : #111;
border : 1px solid #333;
padding : 3px 4px 5px 4px;
margin-bottom : 5px;
}
.button {
font : 11px "Trebuchet MS", verdana, arial, sans-serif;
color : #ddd;
background: #0066bb url(images/menu.png) repeat-x;
border : 1px solid #000;
margin-top : 2px;
}
.bbcode {
font-family : "trebuchet ms", Tahoma, Arial, Verdana, Sans-Serif;
font-size : 11px;
background : #111;
border : 1px solid #333;
margin-top : 2px;
}
.textbox {
font-family : "trebuchet ms", Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
color : #aaa;
background : #111;
border : 1px solid #333;
padding : 3px;
}
.news-category {
border: 0;
margin: 2px 10px 0 0;
float: left;
}
.news-footer {
text-align: center;
font-size : 10px;
background : #111;
border : 1px solid #333;
margin : 8px 0 2px 0;
padding : 0.3em;
}
.tbl-border {
border : 1px solid #333;
}
.tbl {
font-size : 11px;
padding : 4px;
}
.tbl1 {
font-size : 11px;
background : #222;
padding : 4px;
}
.tbl2 {
font-size : 11px;
background : #111;
padding : 4px;
}
.forum-caption {
font-size : 11px;
color : #eee;
background : #000;
padding : 2px 4px 3px;
}
.quote {
color : #888;
background : #111;
padding : 2px;
margin : 0 20px;
border : 1px solid #333;
}
.poll {
height : 12px;
border : 1px solid #000;
}
.comment-name {
color : #0099cc;
}
.shoutboxname {
color : #0099cc;
}
.shoutbox {
color : #ddd;
}
.shoutboxdate {
font-size : 9px;
color : #888;
}
.small {
font-size : 10px;
font-weight : normal;
}
.small2 {
font-size : 10px;
font-weight : normal;
color : #888;
}
.side-small {
font-size : 10px;
}
.side-label {
color : #0099cc;
background : #111;
padding : 2px;
}
#navigation {
line-height : 2em;
}
#navigation h2 {
margin : 10px 0 10px 0;
font : normal 11px verdana, arial, tahoma, sans-serif;
color : #0099cc;
background : inherit;
}
#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#navigation li {
margin : 0 0 0.5em 0;
}
#navigation a {
display : block;
font-size : 11px;
color : #0099cc;
background : #111;
padding : 0.1em 0.8em;
border : 1px solid #333;
text-decoration : none;
}
#navigation a:hover {
background: #0066bb url(images/menu.png) repeat-x;
color : #ddd;
}
/* Page Navigation */
.pagenav {
padding: 0.4em;
}
.pagenav span {
background : #0066bb;
border: 1px solid #000;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
}
.pagenav a {
border: 1px solid #000;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
text-decoration: none;
color : #0099cc;
background : #222;
}
.pagenav a:hover {
margin: 0.2em;
text-decoration: none;
background : #0066bb;
color : #ddd;
}
/*Helpers*/
.center {margin: 0 auto;}
.content_center {text-align: center;}
.flleft {float: left !important;}
.flright {float: right !important;}
.clear {clear: both;}
/*IE Fixes*/
* html #main-content {
height: 1%;
width: auto;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.floatfix {overflow:hidden;}
* html .floatfix {width:100%;}
.center, *[align="center"] {margin: 0 auto;}
theme.php
<?php
if (!defined("IN_FUSION")) { header("Location: ../../index.php"); exit; }
require_once INCLUDES."theme_functions_include.php";
define("THEME_WIDTH", "950px");
define("THEME_BULLET", "·");
function render_page($license=false) {
global $settings, $locale, $main_style, $userdata, $aidlink;
echo "<div class='outer'><div id='top-header'>\n";
if (iMEMBER) {
echo "<a href='".BASEDIR."edit_profile.php'>".$locale['global_120']."</a>\n";
echo "· <a href='".BASEDIR."messages.php'>".$locale['global_121']."</a>\n";
echo "· <a href='".BASEDIR."members.php'>".$locale['global_122']."</a>\n";
if (iADMIN && (iUSER_RIGHTS != "" || iUSER_RIGHTS != "C")) {
echo "· <a href='".ADMIN."index.php".$aidlink."'>".$locale['global_123']."</a>\n";
}
echo "· <a href='".BASEDIR."setuser.php?logout=yes'>".$locale['global_124']."</a>\n";
} else {
echo "<a href='".BASEDIR."login.php'>Login</a>\n";
if ($settings['enable_registration']) {
echo "· <a href='".BASEDIR."register.php'>Register</a>\n";
}
}
echo "</div>\n";
echo "<div id='header' class='clearfix'>\n";
echo "<div style= width='800'' height='300' align: left>".showbanners()."</div>\n";
echo "</div>\n";
echo "<div id='sub-header' class='clearfix'>\n";
echo "<div class='flleft'>".showsublinks(" ")."</div>\n";
echo "<div class='flright' style='text-align:right;padding:0.4em'>".showsubdate()."</div>\n";
echo "<div class='clear'></div>\n";
echo "</div>\n";
echo "<div id='container' class='clearfix $main_style'>\n";
if (LEFT) { echo "<div id='side-border-left'>".LEFT."</div>\n"; }
if (RIGHT) { echo "<div id='side-border-right'>".RIGHT."</div>\n"; }
echo "<div id='main-content'><div id='main-container'>".U_CENTER.CONTENT.L_CENTER."</div></div>\n";
echo "</div>\n";
echo "<div class='clear'></div>\n";
//Footer
echo "<div id='footer'>\n";
echo "<div class='flleft' style='width:50%'>".(!$license ? showcopyright()."<br />" : "")."\n";
echo "Black Glass by UTech owner <a href='http://www.utechnet.com'>Method</a></div>\n";
echo "<div class='flright'>".stripslashes($settings['footer'])."</div>\n";
echo "<div class='clear'><br /></div>\n";
echo "<div class='flleft' style='width:50%'>".sprintf($locale['global_172'], substr((get_microtime() - START_TIME),0,4))."</div>\n";
echo "<div class='flright' style='text-align:right;width:50%'>".showcounter()."</div>\n";
echo "<div class='clear'></div>\n";
echo "</div></div>\n";
}
function render_news($subject, $news, $info) {
echo "<div class='main-border'>\n";
echo "<div class='main-caption'>".$subject."</div>\n";
echo "<div class='main-body'>".$news."\n";
echo "<div class='news-footer'>\n";
echo newsposter($info,"·").newsopts($info,"·").itemoptions("N",$info['news_id']);
echo "</div>\n</div>\n</div>\n";
}
function render_article($subject, $article, $info) {
echo "<div class='main-caption'>$subject</div>\n";
echo "<div class='main-body'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</div>\n";
echo "<div class='news-footer'>\n";
echo articleposter($info,"·").articleopts($info,"·").itemoptions("A",$info['article_id']);
echo "</div>\n";
}
function opentable($title) {
echo "<div class='main-border'>\n";
echo "<div class='main-caption'>".$title."</div>\n";
echo "<div class='main-body'>\n";
}
function closetable() {
echo "</div>\n</div>\n";
}
function openside($title, $collapse = false, $state = "on") {
global $panel_collapse; $panel_collapse = $collapse;
echo "<div class='side-border'>\n";
if ($collapse == true) {
$boxname = str_replace(" ", "", $title);
echo "<div class='side-caption' style='float:right;margin-top:6px;'>".panelbutton($state,$boxname)."</div>\n";
}
echo "<div class='side-caption'>".$title."</div>\n";
echo "<div class='side-body floatfix'>\n";
if ($collapse == true) { echo panelstate($state, $boxname); }
}
function closeside($collapse = false) {
global $panel_collapse;
if ($panel_collapse == true) { echo "</div>\n"; }
echo "</div>\n</div>\n";
echo "<br />";
}
?>
Rozumiem, że mój problem jest błachy, ale nie jestem zbyt biegły w posługiwaniu się php i css, dlatego zdecydowałem się na cms. Z góry dzięki za pomoc :)
Edytowane przez Pitula dnia 10.04.2010 12:15:55
|
