Zur Navigation

Probleme beim Anpassen des Forums

Ich komme einfach nicht weiter

1 McPu

Hallo Jörg,

Zuerst einmal großes Lob für das Forum! Es ist nicht so überladen wie andere Foren Software, deshalb hab ich mich für deines entschieden.

Ich möchte gerne ein gut in das Design meiner Seite ( http://hausaufgabenweb.de/ ) angepasstes Forum ( http://forum.hausaufgabenweb.de/ ) haben, aber ich arbeite jetzt schon 3 Tage dran und irgendwie komme ich nicht mehr wirklich weiter. Darum bitte ich um Hilfe.

Ich habe mehrere Probleme, aber damit das hier übersichtlich bleibt, erstmal das wichtigste:

Ich habe versucht, das ganze Forum in ein div zu packen ("bodydiv"), aber es schließt ganz einfach zu früh. Die Navi ist ja absolut positioniert (was ich auch gerne ändern würde, aber dazu später), aber warum hängt der content so in der Luft.

Das hab ich geändert:
head.php
<?php

header('Expires: ' . $expires);
header('Last-Modified: ' . $lastmodified);
header('Cache-Control: no-store, no-cache, must-revalidate');
header('Cache-Control: post-check=0, pre-check=0', false);
header('Pragma: no-cache');
header('Content-Type: ' . $mimetype . '; charset=' . $charset);
header('Content-Style-Type: text/css');

if ($b_ie6 === false) {
    echo '<?xml version="1.0" encoding="', $charset, '" ?', '>', "\n";
}

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $lang ?>" lang="<?php echo $lang ?>">
<head>
<title><?php echo strip_tags($hdtitle4html) ?></title>
<?php

if ($hdrefreshurl != false) {
    $hdrefresh = $hdrefreshtime . '; URL=' . $hdrefreshurl;
    echo '<meta http-equiv="refresh" content="', $hdrefresh, '" />', "\n";
}
if ($hddescription4html != false) {
    echo '<meta name="description" content="', $hddescription4html, '" />', "\n";
}
if ($hdkeywords4html != false) {
    echo '<meta name="keywords" content="', $hdkeywords4html, '" />', "\n";
}

?>
<meta name="robots" content="<?php echo $hdrobots ?>, follow" />





<link rel="stylesheet" media="screen" href="<?php echo $styleurl ?>?v=<?php echo $stu3v ?>" />
<link rel="stylesheet" media="print" href="<?php echo $printstyleurl ?>?v=<?php echo $stu3v ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="<?php echo $bpath ?>/feeds/atom.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS 1.0" href="<?php echo $gfpath ?>feeds/1-0.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php echo $gfpath ?>feeds/2-0.xml" />
<?php

if ($faviconurl != '') {
echo '<link rel="shortcut icon" href="' . $faviconurl . '" />', "\n";
}
if ($externalwindow == 1) {
    echo '<script type="text/javascript" src="', $gfpath, 'scripts/external.js"></script>', "\n";
}
if ($b_ie6 === true && $b_multisubmits === true) {
    echo '<script type="text/javascript" src="', $gfpath, 'scripts/iebuttonfix.js"></script>', "\n";
}

?>
</head>
<?php

echo '<body';
if ($start == 1) {
    echo ' class="start"';
}
echo '>', "\n";
?>

<div id="bodydiv">
<div id="logo">
                <ul id="pages">
                <li><a href="http://hausaufgabenweb.de/send/">Einsenden</a></li>
                </ul>

        <h1><a href="http://hausaufgabenweb.de">Hausaufgaben Web</a></h1>
        <p>Eine Sammlung von euren <a href="http://hausaufgabenweb.de" title="kostenlose Hausaufgaben">Hausaufgaben online</a></p>


<div id="menu">

</div>
</div>

<hr class='hidden' >
<div id='rechts'>
  <div id="main">

<div id="content">
<?php

if ($start == 0) {
    echo '<p id="top"><a href="', $gfpath, '">', $gfname4html, '</a>';
    if ($crumb24html != '') {
        echo ' &gt; <a href="', $crumb2url, '">', $crumb24html, '</a>';
        if ($crumb34html != '') {
            echo ' &gt; <a href="', $crumb3url, '">', $crumb34html, '</a>';
        }
    }
    echo '</p>', "\n";
}

echo '<h1>', $hdtitle4html, '</h1>', "\n";

if ($hddescription4html != '') {
    echo '<p>', $hddescription4html, '</p>', "\n";
}
if (isset($submenu[0]) || isset($submenu[2])) {
    echo '<p class="submenu">';
    if (isset($submenu[0])) {
        $overallsubmenu = $submenu[0];
    }
    if (isset($submenu[0]) && isset($submenu[2])) {
        $overallsubmenu .= ' | ';
    }
    if (isset($submenu[2])) {
        $overallsubmenu .= $submenu[2];
    }
    echo $overallsubmenu;
    echo '</p>', "\n";
}

if ($message4html != '') {
?>
<div class="message">
<p><?php echo $message4html ?></p>
</div>
<?php
}

?>
</div>
</div>

tail.php

<?php

if ($overallsubmenu != '' && $nobottomsubmenu == 0) {
    echo '<div id="ende">', "\n", '<p class="submenu">', "\n", $overallsubmenu, '</p>';
    if (isset($submenu[1])) {
        echo '<p>', $submenu[1], '</p>', "\n";
    }
    echo '</div>', "\n";
}

?>
</div>

<div id="navi">
<div id="navinnen">
<h2 class='title'>Navigation</h2>
<ul>
<?php

include ($f_menu);

foreach ($menu as $submenu) {
    $i = 0;
    $b_ul = false;
    foreach ($submenu as $item) {
        if ($item[1] == '' || $item[1] == $_SERVER['REQUEST_URI']) {
            $x_item = $item[0];
        } else {
            $x_item = '<a href="' . $item[1] . '">' . $item[0] . '</a>';
        }
        if ($i == 0) {
            echo '<li>' . $x_item;
        } else {
            if ($i == 1) {
                echo "\n", '<ul>', "\n";
                $b_ul = true;
            }
            echo '<li>' . $x_item . '</li>', "\n";
        }
        $i++;
    }
    if ($b_ul == true) {
        echo '</ul>', "\n";
    }
    echo '</li>', "\n";
}

?>
</ul>
<div id="naviende"></div>
</div>
</div>
<div id="footer">
<p>Powered by <a href="http://forum-2.joergkrusesweb.de/" rel="external">Jörgs Forum</a></p>
<?php

if ($b_footer == true) {
    include ($f_footer);
}
if ($updateinfo == 1) {
    echo '<script type="text/javascript" src="', $updateinfourl, '"></script>', "\n";
}
if ($scriptinfos > 1 || ($scriptinfos == 1 && $sustatus >= 6)) {
    include (INCPATH . '/main/etc/dev.php');
}

?>
</div>
</div>
</div>


</body>
</html>

css
/* html + body */

body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #555555;
        background: url(images/background.gif);
        text-align:center;
}

#bodydiv {
        background: #EEEEEE url(images/img01.gif) repeat-x;
        width: 977px;
        padding-right:12px;
        border: 1px solid #AFAFAF;
        border-top: 0px solid #AFAFAF;
        margin:-10px auto 0 auto;
        text-align:left;
}


/* inline global */

a:link {
text-decoration:underline;
color:#00f;
}
a:visited {
text-decoration:underline;
color:#339;
}
a:hover {
text-decoration:none;
color:#00f;
}
a:active {
text-decoration:none;
color:#339;
}
a:focus {
text-decoration:none;
color:#00f;
}
strong {
color:#422;
}
img {
border:solid 1px #77c;
}
.center {
text-align:center;
}
.clear {
clear:both;
}

/* content container */

#content {
margin-top:0px;
padding:20px;
border:solid 1px #115;
background-color:#eff6f9;
text-align:center;
}
.innen {
margin-bottom:20px;
padding:20px;
border:solid 1px #77c;
background-color:#f9ffff;
text-align:left;
}
.message {
margin-bottom:20px;
padding:20px;
border:solid 1px #77c;
background-color:#f9ffff;
text-align:center;
}
.infobox {
height:100px;
overflow:auto;
padding:10px;
border:1px solid #77c;
background-color:#fff;
font-size:85%;
}
div>.infobox { /* except IE 6 */
max-height:100px;
height:auto;
}

/* headings + paragraphs */

h1 {
margin-top:0;
font-size:100%;
letter-spacing:2pt;
color:#555;
}
.start h1 {
margin-bottom:0;
border-bottom:none;
padding-bottom:0;
font-size:125%;
color:#777;
}
h2 {
margin-top:0;
font-size:90%;
letter-spacing:1.5pt;
color:#666;
}
h3 {
margin-top:0;
font-size:90%;
font-weight:normal;
letter-spacing:1.5pt;
}
p {
font-size:90%;
}

/* lists */

ol {
margin-top:0;
}
ul {
margin:0;
padding:0;
text-indent:0;
list-style-type:none;
line-height:180%;
}
li {
margin-bottom:5px;
font-size:90%;
}
.sitemap ul {
font-weight:bold;
color:#6F6F6F;
}
.sitemap li ul li {
display:inline;
padding-right:15px;
font-weight:normal;
}

/* tables */

table {
margin-bottom:20px;
width:100%;
border:solid 1px #77c;
text-align:left;
}
table td,th {
padding:5px;
border-right:solid 1px #77b;
border-bottom:solid 1px #77b;
background-color:#f9ffff;
font-size:90%;
}
th {
font-size:85%;
color:#666;
}
caption {
margin:0;
padding:5px;
border:solid 1px #77b;
border-bottom:none;
background-color:#CFCFCF;
font-size:100%;
font-weight:bold;
letter-spacing:1.5pt;
color:#666;
}
.col-forum {
width:18%;
}
.col-user {
width:18%;
}
.col-status {
width:18%;
text-align:center;
}
.col-zahl {
width:7%;
text-align:center;
}
.col-datum {
width:15%;
text-align:right;
}

/* forms */

.form, form .innen {
margin:0 auto 20px;
width:507px;
}
input, textarea {
padding:2px;
border-style:solid;
border-width:2px 1px 1px 2px;
border-color:#999 #77b #77b #999;
font-family:Verdana,sans-serif;
font-size:95%;
}
textarea {
width:500px;
}
input {
max-width:500px;
}
.readonly {
border-width:1px 0 0 1px;
background-color:#fcffff;
}
.radio {
border:none;
}
.checkbox {
border:none;
}
button {
padding:2px;
border-style:solid
border-width:0 2px 2px 0;
border-color:#77b #999 #999 #77b;
background-color:#eee;
text-align:center;
font-family:Arial,sans-serif;
font-size:95%;
font-weight:bold;
color:#665;
}
#bbcodebuttons button {
font-weight:normal;
color:#000;
}
.submitgroup {
margin-top:10px;
width:100%;
font-size:90%;
}
.submit {
float:right;
margin-left:10px;
}
.submit p {
margin-top:0;
}

button:hover {
background-color:#fff;
cursor:pointer;
}
button:focus {
border-width:0 1px 1px;
background-color:#fff;
}

/* submenus */

p#top {
margin-top:5px;
padding:5px;
border:solid 1px #448;
background-color:#e6ecf3;
font-weight:bold;
}
#top a:link {
color:#66f;
}
#top a:visited {
color:#77c;
}
#top a:hover {
color:#66f;
}
.submenu {
margin-bottom:20px;
font-weight:bold;
color:#666;
}
.submenu a:link {
color:#66f;
}
.submenu a:visited {
color:#77c;
}
.submenu a:hover {
color:#66f;
}
#ende {
margin:0 auto 20px;
padding:0;
width:300px;
border:solid 1px #77c;
background-color:#f9ffff;
text-align:center;
font-weight:bold;
color:#666;
}
#ende p {
margin:10px;
}
#ende a {
white-space:nowrap;
}
#ende a:link {
color:#66f;
}
#ende a:visited {
color:#77c;
}
#ende a:hover {
color:#66f;
}

/* postings */

.innen .beitrag {
font-size:90%;
}
.innen * .beitrag {
font-size:100%;
}
.name {
margin-top:0;
padding:5px;
border:solid 1px #99d;
background-color:#eff6f9;
font-size:95%;
font-weight:bold;
color:#665;
}
.name a:link {
color:#66f;
}
.name a:visited {
color:#66c;
}
.name a:hover {
color:#66f;
}
.name .anker {
float:right;
}
blockquote {
margin:0;
padding:20px;
border:dotted 1px #77b;
background-color:#f3f9f9;
}
blockquote .name {
padding:5px;
border-style:dashed;
border-width:0 0 1px;
background-color:#f3f9f9;
}
pre {
overflow:auto;
margin:0;
padding:10px;
max-height:240px;
border:dashed 1px #999;
background-color:#f9f9f6;
}
code strong {
border:dotted 1px #ccc;
background-color:#f3f3f9;
}
.smilie {
border:none;
}
.signatur {
padding-top:10px;
border-top:dashed 1px #77c;
}
.datum {
margin-bottom:0;
padding-top:5px;
border-top:solid 1px #999;
text-align:right;
font-size:80%;
font-weight:bold;
color:#665;
}

/* user profiles */

.profile {
margin:0 auto 20px;
width:507px;
}
.profile img {
float:right;
max-width:120px;
max-height:120px;
}
.profile h3 {
clear:both;
margin-top:30px;
}

/* navigation */

#navi {
position:absolute;
top:60px;
margin-left:30px;
margin:0;
padding:0;
width:200px;
text-align:center;
font-family:Tahoma,sans-serif;
font-weight:bold;
}
#top { /* margin for #navi */
margin-bottom:120px;
}
.start #navi {
top:100px;
}
.start #content p { /* margin for #navi */
margin-bottom:160px;
}
.start #ende p {
margin-bottom:10px;
}
#navinnen {
margin:20px auto 0;
padding:0px 0 5px 0px;
width:200px;

background-color:#FFFFFF;
}
* html #navinnen { /* IE 6 */
width:200px;
}


#navi ul {
margin:0 0 0 0px;
text-align:left;
font-size:90%;
color:#666;
}
#navi ul li {
        border-bottom: 1px solid #949EA4;
width:200px;
}
#navi li {
margin:10px 0;
line-height:120%;
font-size:100%;
}
#navi a:link {
color:#555555;
}
#navi a:visited {
color:#555555;
}
#navi a:hover {
color:#555555;
}
#naviende {
clear:left;
line-height:0;
}

/* footer */

#footer {
margin:20px 0 0;
text-align:center;
font-size:90%;
}








/* eigene css sachen */







hr.hidden {
        display: none;
}


#rechts {
        float:right;
        width:750px;
}

#navi .title {
        height: 23px;
        padding: 3px 0 0 10px;
        background: #DB8603 url(images/img12.gif) repeat-x;
        font-size: 1.15em;
        color: #333333;
        margin: 0px 0px;
}


/* Menu */

#menu {
        width: 990px;
        height: 30px;
        margin: 0px;
}

#menu ul {
        margin-bottom:-34px;
        padding-left: 15px;
        list-style: none;
        line-height: normal;
}

#menu li {
        display: inline;
}

#menu a {
        display: block;
        float: left;
        height: 16px;
        padding: 0px 15px 5px 15px;
        text-decoration: none;
        font: bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #333333;
}

#menu a:hover {
        text-decoration: underline;
}

#menu .current_page_item a {
        background: url(images/img03.gif) no-repeat center bottom;
}


/* Content-Div */

#main {
        background: #FFFFFF;
        width:740px ;
        margin-left: px;
        margin-top: 14px;
        margin-bottom: 25px;
        padding: 5px;
        padding-top: 0px;
}

#main .title {
        height: 23px;
        padding: 3px 0 0 10px;
        background: #DB8603 url(images/img12.gif) repeat-x;
        font-size: 1.15em;
        color: #333333;
        margin: 0px -5px;
        margin-bottom: 5px;
        margin-top:-10px;
}

#main ul {
        margin: 0;
        padding: 0px 20px 20px 20px;
}

#main li {
        margin-left:15px;
        padding: 5px 15px;

}


/* Header */

#logo {
        width: 889px;
        height: 130px;
        margin: 0 ;
        padding: 10px 0 0 100px;
        background: url(images/img02.gif) no-repeat 0px 0px;
}

#logo h1, #logo p {
        color: #4F4F4F;
}

#logo h1 {
        font-size: 2.1em;

        margin-bottom:5px;
        margin-top:5px;
}

#logo p {
        margin: 0;
        padding: 0 0 0 2px;
        line-height: normal;
}

#logo a {
        text-decoration: none;
        color: #4F4F4F;
}

#pages {
        margin: 0;
        margin-top: -10px;
        padding: 0;
        list-style-type: none;
        list-style-image: none;
        float: right;
}

#pages li {
        float: left;
        width: 8em;
}

#pages a {
        display: block;
        height: 30px;
        width: 8em;
        line-height: 30px;
        padding: 71px 0 0 0;
        text-align: center;
}

#pages a:hover {
        background: url(images/img01-inv.gif) repeat-x;
        color:#FFFFFF;
}

/* Footer */

#footer {
        padding: 40px 0;
        margin-right: -12px;
        background: #3F4244 url(images/img18.gif) repeat-x;
}

#footer p {
        text-align: center;
        font-size: smaller;
        color: #666666;
}

#footer a {
        color: #666666;
}

Ich brauche Hilfe traurig

McPu

07.07.2008 11:59

2 Jörg

Hallo McPu,

das float:right von #rechts muss noch beendet werden vor dem Schließen von #bodydiv, z.B. folgendermaßen in der Datei tail.php:

?>
</div>
<div style="clear:right"></div>
</div>
</div>


</body>
</html>

07.07.2008 12:25

3 McPu

Vielen Dank Jörg! Es klappt wunderbar.

Ich versuch erstmal wieder allein weiterzukommen, wenn ich nicht weiter weiß, dann frag ich wieder.

Erstmal 2 Wochen Urlaub jetzt (DomRep)!

Ciao
McPu

09.07.2008 00:09

4 McPu

Hallo Ich bins wieder!

Ich hab am Forum Anpassen weiter gearbeitet. Ich hab jetzt nur noch ein paar winzige Probleme, dann bin ich fertig.

Das größte Problem ist, dass sich die Größe des Textes einfach mal ändert von Mal zu Mal (Einfach mal auf http://forum.hausaufgabenweb.de/ gehen und ein paar mal aktualisieren.)

Ich finde das sehr komisch. Woran kann es liegen? Mein css file:
/* html + body */

body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #555555;
        background: url(images/background.gif);
        text-align:center;
}

#bodydiv {
        background: #EEEEEE url(images/img01.gif) repeat-x;
        width: 977px;
        padding-right:12px;
        border: 1px solid #AFAFAF;
        border-top: 0px solid #AFAFAF;
        margin:-8px auto 0 auto;
        text-align:left;
}


/* inline global */

a {
        color:  #555555;
}

a:hover {
        text-decoration: none;
        color: #BFBFBF;
}

strong {
color:#555555;
}
img {
border:solid 1px #BFBFBF;
}
.center {
text-align:center;
}
.clear {
clear:both;
}

/* content container */

#content {
margin-top:0px;
padding:20px;
border:solid 1px #BFBFBF;
background-color:white;
text-align:center;
}
.innen {
margin-bottom:20px;
padding:20px;
border:solid 1px #BFBFBF;
background-color:#f9ffff;
text-align:left;
}
.message {
margin-bottom:20px;
padding:20px;
border:solid 1px #BFBFBF;
background-color:#f9ffff;
text-align:center;
}
.infobox {
height:100px;
overflow:auto;
padding:10px;
border:1px solid #BFBFBF;
background-color:#fff;
font-size:85%;
}
div>.infobox { /* except IE 6 */
max-height:100px;
height:auto;
}

/* headings + paragraphs */

h1 {
margin-top:0;
font-size:100%;
/* letter-spacing:2pt; */
color:#555555;
}


p {
font-size:90%;
}

/* lists */

ol {
margin-top:0;
}
ul {
margin:0;
padding:0;
text-indent:0;
list-style-type:none;
line-height:180%;
}
li {
margin-bottom:5px;
font-size:90%;
}
.sitemap ul {
font-weight:bold;
color:#555555;
}
.sitemap li ul li {
display:inline;
padding-right:15px;
font-weight:normal;
}

/* tables */

table {
margin-bottom:20px;
width:100%;
border:solid 1px #BFBFBF;
text-align:left;
}
table td,th {
padding:5px;
border-right:solid 1px #BFBFBF;
border-bottom:solid 1px #BFBFBF;
background-color:#f9ffff;
font-size:90%;
}
th {
font-size:85%;
color:#666;
}
caption {
margin:0;
padding:5px;
border:solid 1px #BFBFBF;
border-bottom:none;
background-color:#CFCFCF;
font-size:100%;
font-weight:bold;
color:#666;
}
.col-forum {
width:18%;
}
.col-user {
width:18%;
}
.col-status {
width:18%;
text-align:center;
}
.col-zahl {
width:7%;
text-align:center;
}
.col-datum {
width:15%;
text-align:right;
}

/* forms */

.form, form .innen {
margin:0 auto 20px;
width:700px;
}
input, textarea {
padding:2px;
border-style:solid;
border-width:2px 1px 1px 2px;
border-color:#999 #BFBFBF #BFBFBF #999;
font-family: /* Verdana,sans-serif; */
font-size:95%;
}
textarea {
width:600px;
}
input {
max-width:600px;
}
.readonly {
border-width:1px 0 0 1px;
background-color:#fcffff;
}
.radio {
border:none;
}
.checkbox {
border:none;
}
button {
padding:2px;
border-style:solid
border-width:0 2px 2px 0;
border-color:#77b #999 #999 #77b;
background-color:#eee;
text-align:center;
/*  font-family:Arial,sans-serif; */
font-size:95%;
font-weight:bold;
color:#665;
}
#bbcodebuttons button {
font-weight:normal;
color:#000;
}
.submitgroup {
margin-top:10px;
width:100%;
font-size:90%;
}
.submit {
float:right;
margin-left:10px;
}
.submit p {
margin-top:0;
}

button:hover {
background-color:#fff;
cursor:pointer;
}
button:focus {
border-width:0 1px 1px;
background-color:#fff;
}

/* submenus */

p#top {
margin-top:5px;
padding:5px;
border:solid 1px #BFBFBF;
background-color:#e6ecf3;
font-weight:bold;
}



.submenu {
margin-bottom:20px;
font-weight:bold;
color:#666;
}
.submenu a:link {
color:#555555;
}
.submenu a:visited {
color:#555555;
}
.submenu a:hover {
color:#BFBFBF;
}
#ende {
margin:0 auto 20px;
padding:0;
width:300px;
border:solid 1px #BFBFBF;
background-color:#f9ffff;
text-align:center;
font-weight:bold;
color:#666;
}
#ende p {
margin:10px;
}
#ende a {
white-space:nowrap;
}
#ende a:link {
color:#555555;
}
#ende a:visited {
color:#555555;
}
#ende a:hover {
color:#BFBFBF;
}

/* postings */

.innen .beitrag {
font-size:90%;
}
.innen * .beitrag {
font-size:100%;
}
.name {
margin-top:0;
padding:5px;
border:solid 1px #BFBFBF;
background-color:#eff6f9;
font-size:95%;

font-weight:bold;
color:#665;
}
.name a:link {
color:#555555;
}
.name a:visited {
color:#555555;
}
.name a:hover {
color:#BFBFBF;
}
.name .anker {
float:right;
}
blockquote {
margin:0;
padding:20px;
border:dotted 1px #BFBFBF;
background-color:#f3f9f9;
}
blockquote .name {
padding:5px;
border-style:dashed;
border-width:0 0 1px;
background-color:#f3f9f9;
}
pre {
overflow:auto;
margin:0;
padding:10px;
max-height:240px;
border:dashed 1px #999;
background-color:#f9f9f6;
}
code strong {
border:dotted 1px #ccc;
background-color:#f3f3f9;
}
.smilie {
border:none;
}
.signatur {
padding-top:10px;
border-top:dashed 1px #77c;
}
.datum {
margin-bottom:0;
padding-top:5px;
border-top:solid 1px #999;
text-align:right;
font-size:80%;
font-weight:bold;
color:#665;
}

/* user profiles */

.profile {
margin:0 auto 20px;
width:700px;
}
.profile img {
float:right;
max-width:120px;
max-height:120px;
}
.profile h3 {
clear:both;
margin-top:30px;
}

/* navigation */

#navi {
float:right;
margin-right:12px ;
padding:0;
width:200px;
text-align:center;
font-family:Tahoma,sans-serif;
font-weight:bold;
}
#top { /* margin for #navi */
margin-bottom:120px;
}
.start #navi {
top:100px;
}
.start #content p { /* margin for #navi */
margin-bottom:160px;
}
.start #ende p {
margin-bottom:10px;
}
#navinnen {
margin:0px auto 0;
padding:0px 0 5px 0px;
width:200px;

background-color:#FFFFFF;
}
* html #navinnen { /* IE 6 */
width:200px;
}


#navi ul {
margin:0 10px 0 12px;
text-align:left;
font-size:90%;
color:#666;
border-bottom: 1px solid #949EA4;
}
#navi ul li {
width:188px;
}
#navi li {
margin:10px 0;
line-height:120%;
font-size:100%;
}
#navi a:link {
color:#555555;
}
#navi a:visited {
color:#555555;
}
#navi a:hover {
color:#555555;
}
#naviende {
clear:left;
line-height:0;
}

/* footer */

#footer {
margin:0px 0 0;
text-align:center;
font-size:90%;
}








/* eigene css sachen */







hr.hidden {
        display: none;
}


#rechts {
        float:right;
        width:750px;

}

a {
        color: #333333;
        text-decoration: underline;
}

a:hover {
        text-decoration: none;
        color: #BFBFBF;
}

a.titlehover {
        color: #333333;
}

a.titlehover:hover {
        text-decoration: none;
        color: #EFEFEF;
}


#navi .title {
        height: 23px;
        padding: 3px 0 0 10px;
        background: #DB8603 url(images/img12.gif) repeat-x;
        font-size: 1.15em;
        color: #333333;
        margin: 0px 0px;
}


/* Menu */

#menu {
        width: 990px;
        height: 30px;
        margin: 0px;
}

#menu ul {
        margin-bottom:-34px;
        padding-left: 15px;
        list-style: none;
        line-height: normal;
}

#menu li {
        display: inline;
}

#menu a {
        display: block;
        float: left;
        height: 16px;
        padding: 0px 15px 5px 15px;
        text-decoration: none;
        font: bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #333333;
}

#menu a:hover {
        text-decoration: underline;
}

#menu .current_page_item a {
        background: url(images/img03.gif) no-repeat center bottom;
}


/* Content-Div */

#main {
        background: #FFFFFF;
        width:740px ;
        margin-left: px;
        margin-top: 10px;
        margin-bottom: 25px;
        padding: 5px;
        padding-top: 0px;
}

#main .title {
        height: 23px;
        padding: 3px 0 0 10px;
        background: #DB8603 url(images/img12.gif) repeat-x;
        font-size: 1.15em;
        color: #333333;
        margin: 0px -5px;
        margin-bottom: 5px;
        margin-top:-10px;
}

#main ul {
        margin: 0;
        padding: 0px 20px 20px 20px;
}

#main li {
        margin-left:15px;
        padding: 5px 15px;

}


/* Header */

#logo {
        width: 889px;
        height: 130px;


        margin: 0 ;
        padding: 10px 0 0 100px;
        background: url(images/img02.gif) no-repeat 0px 0px;
}

#logo h1, #logo p {
        color: #4F4F4F;
}

#logo h1 {
        font-size: 2.1em;

        margin-bottom:5px;






        margin-top:5px;
}

#logo p {
        margin: 0;
        padding: 0 0 0 2px;
        line-height: normal;
}

#logo a {
        text-decoration: none;
        color: #4F4F4F;
}

#pages {
        margin: 0;
        margin-top: -10px;
        padding: 0;
        list-style-type: none;
        list-style-image: none;
        float: right;
}

#pages li {
        float: left;
        width: 8em;
}

#pages a {
        display: block;
        height: 30px;
        width: 8em;
        line-height: 30px;
        padding: 71px 0 0 0;
        text-align: center;
}

#pages a:hover {
        background: url(images/img01-inv.gif) repeat-x;
        color:#FFFFFF;
}

/* Submenu */

#sub {
        width:750px ;
        margin-left: px;
        margin-top: -16px;
        margin-bottom: 25px;
        padding: 20px 0;
}

#subleft {
        background: #FFFFFF;
        float: left;
        width: 359px;
        margin-left: px;
        margin-top: -16px;
        margin-right: 12px;
        margin-bottom: px;
        padding: 5px;
        padding-top: 0px;
}

#subleft .title {
        height: 23px;
        padding: 3px 0 0 10px;
        background: #DB8603 url(images/img12.gif) repeat-x;
        font-size: 1.15em;
        color: #333333;
        margin: 0px -5px;
        margin-bottom: 5px;
}

#subright {
        background: #FFFFFF;
        float: left;
        width: 359px;
        margin-left: px;
        margin-top: -16px;
        margin-right: 0px;
        margin-bottom: 12px;
        padding: 5px;
        padding-top: 0px;
}

#subright .title {
        height: 23px;
        padding: 3px 0 0 10px;
        background: #DB8603 url(images/img12.gif) repeat-x;
        font-size: 1.15em;
        color: #333333;
        margin: 0px -5px;
        margin-bottom: 5px;
}
#submenu {
        clear: both;
        padding: 20px 0;
        margin-right: -12px;
        background: #535657 url(images/img16.gif) repeat-x left bottom;
        color: #A9B6BB;
}

#submenu ul {
        width: 770px;
        margin: 0 auto;
        padding: 0;
        list-style: none;
        line-height: normal;
}

#submenu li {
        display: block;
        float: left;
        width: 180px;
        padding: 0 12px 0 0;
}

#submenu li ul {
        width: auto;
        margin: 0;
}

#submenu li li {
        display: list-item;
        float: none;
        width: auto;
        padding: 5px 0 5px 10px;
        background: url(images/img17.gif) no-repeat left center;
        border-bottom: 1px solid #424546;
}

#submenu h2 {
        margin: 0 0 5px 0;
        border-bottom: 2px solid #424546;
        font-size: 1.2em;
}

#submenu a {
        text-decoration: none;
        color: #A9B6BB;
}

#submenu a:hover {
        text-decoration: underline;
}


/* Footer */

#footer {
        padding: 40px 0;
        margin-right: -12px;
        background: #3F4244 url(images/img18.gif) repeat-x;
}

#footer p {
        text-align: center;
        font-size: smaller;
        color: #666666;
}

#footer a {
        color: #666666;
}

Das andere Problem ist, dass ich gerne den Abstand zwischen der Titelzeile und den Sachen des Forums geringer haben möchte. Ich hab das aber bisher noch nicht hinbekommen. Hast du da nen Tipp für mich?

Vielen Dank für deine bisherige und hoffentlich auch zukünftige Hilfe zwinker

24.07.2008 14:18

5 Jörg

Das größte Problem ist, dass sich die Größe des Textes einfach mal ändert von Mal zu Mal (Einfach mal auf http://forum.hausaufgabenweb.de/ gehen und ein paar mal aktualisieren.)

Ja, Opera und der IE zeigen die Schriftgröße zwar konstant an aber Firefox und auch Konqueror verändern diese nach dem Aktualisieren hmmm - von daher scheint dies schon ein browserübergriefendes Problem zu sein.

[...]

Validier mal den HTML-Quelltext der Startseite - in Zeile 112 ist ein div geschlossen, welches nicht geöffnet wurde. Tritt das Problem noch auf, wenn du den Fehler beseitigt hast?

Das andere Problem ist, dass ich gerne den Abstand zwischen der Titelzeile und den Sachen des Forums geringer haben möchte. Ich hab das aber bisher noch nicht hinbekommen. Hast du da nen Tipp für mich?

Der Titel steckt bei dir in #main:

<div id="main">

<h1 class="title"><a class="titlehover">Hausaufgaben Forum</a></h1>

<p>Das Hausaufgaben Forum von Hausaufgabenweb - Deine kostenlose Hausaufgabenhilfe im Internet</p>



</div>

Also müsstest du den dortigen margin-bottom Wert verringern:

#main {
        background: #FFFFFF;
        width:740px ;
        margin-left: px;
        margin-top: 10px;
        margin-bottom: 25px;
        padding: 5px;
        padding-top: 0px;
}

24.07.2008 14:47 | geändert: 24.07.2008 14:48

6 McPu

Zweiteres hat gut geklappt, danke!

leider besteht das Problem mit der Änderung der Schriftgröße immer noch, auch nach der Validierung...

Da es ja immer die selbe Schriftart ist, könnte es ja in irgendeiner Forum mit den prozentualen Angaben im css zusammenhängen, ich werde da mal so einiges entfernen.

Hast du sonst noch eine Idee?

25.07.2008 14:33

7 Jörg

leider besteht das Problem mit der Änderung der Schriftgröße immer noch, auch nach der Validierung...

Ich kann die Änderung der Schriftgröße jetzt nicht mehr reproduzieren - weder mit Firefox noch mit Konqueror. Hast du vielleicht noch die alte Seite im Browser-Cache?

25.07.2008 16:58

8 McPu

ich hab die ganzen prozentualen angaben in absolute Werte geändert, seit dem siehts gut aus!

Noch eine kurze Frage: ich möchte in der Leiste oben Links zu Seiten des Forums anbringen, dh. zu den Rubriken Deutsch, Mathe, etc.

Um das mit dem Style richtig zu machen bräuchte ich mal den namen der (Get)Variable aus der url (z.B. http://forum.hausaufgabenweb.de/deutsch-f-1-1.html was für einen namen hat "deutsch")

26.07.2008 14:34

9 Jörg

Diese Variable heißt 'name', also $_GET['name']

26.07.2008 15:08

10 McPu

Ich danke dir für die ganze Hilfe!

Es gibt nur noch ein paar wenige Style Sachen, die noch nicht hinhauen.

Manchmal lässt sich einfach die Schriftfarbe nich ändern oder elemente werden trotz gleicher CSS Attribute unterschiredlich auf der Seite und im Forum angezeigt, aber damit kann ich leben.

Ich denke ich werde erstmal hier nen Thread aufmachen

28.07.2008 11:03

Nur Mitglieder können in diesem Forum Antworten schreiben.

Login | Registrieren