Erstelle gerade ein neues Theme und hab da einige Probleme mit dem CSS:
1. Der Container hat einen Rahmen von 3px. Im Safari erscheint dieser, im Firefox nicht?
2. Mein Header wird nicht angezeigt, was muß den hier als Pfad angegeben werden?
3. Ich möchte das der Footer immer unten an der Seite ist, allerdings mit nem Abstand zum Content? Zur Zeit wird der Footer im Content Bereich ausgegeben. Hab schon probiert außerhalb des Contentbereiches ihn anzuordnen aber dann passt es nicht mit der Verlängerung der Sidebar nach unten?
4. Wo kommt der graue Strich rechts am Rand her?
header.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<title><?php bloginfo('name'); ?><?php if ( is_single() ) { ?> » <?php } ?><?php wp_title(); ?></title>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="description" content="<?php bloginfo('description'); ?>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<meta http-equiv="Content-Type" content="" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="content-language" content="de" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="robots" content="index,follow" />
<meta name="description" content="" />
<link rel="stylesheet" href="" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="" />
<link rel="alternate" type="text/xml" title="RSS .92" href="" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="" />
<link rel="pingback" href="" />
<link href="http://wordpress.markusburkhardt.de/favicon.ico" rel="shortcut icon"></link>
</style>
</head>
<body>
<div class="container">
<div class="header">
<img src="/images/banner.jpg" width="969" height="126" alt="Banner VCP Denkendorf">
</div>
<div class="navi_oben">
<ul class="navi_oben">
<li class="active">
<li><a href="http://www.vcp-denkendorf.de/index.html">Startseite</a></li>|
<li><a href="http://www.vcp-denkendorf.de/kontakt.html">Kontakt</a></li>|
<li><a href="http://www.vcp-denkendorf.de/sitemap.html">Sitemap</a></li>|
<li><a href="http://www.vcp-denkendorf.de/impressum.html">Impressum</a></li>|
<li><a href="http://www.vcp-denkendorf.de/intern/index.html">Intern</a></li>
</ul>
</div>
Alles anzeigen
index.php
<?php get_header(); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="sidebar">
<?php get_sidebar(); ?>
</div>
<div class="content">
<div class="breadcrumb">Sie befinden sich hier: VCP Denkendorf / Stamm / die Anfänge / </div>
<?php the_content(); ?>
<?php get_footer(); ?>
</div>
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>
Alles anzeigen
footer.php
<div class="footer">
<br>
2000 - 2008 VCP Denkendorf / Markus Burkhardt<br>
letzte Aktualisierung 15.08.08 18:23
</div>
</div>
</body>
</html>
sidebar.php
<div class="navcontainer">
<ul>
<?php wp_list_pages('title_li=' ); ?>
</ul>
</div>
style.css
/*
Theme Name: VCP Denkendorf
Theme URI: http://www.vcp-denkendorf.de
Description: Custom Theme für den VCP Denkendorf
Version: 1.0
Author: Markus "Mauki" Burkhardt
*/
/* Allgemeine Einstellungen */
body {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
margin: 10px;
padding: 0px;
background-color: #CCCCCC;
}
.container {
width: 970px;
text-align: left;
margin: 0 auto 0 auto;
border: 3px solid #white;
background: url("http://forum.wordpress-deutschland.org/images/faux_columns.jpg") repeat-y;
}
.header {
padding: 0px;
margin: 0px;
}
a:link {
color: #5B91AD;
text-decoration: none;
}
a:visited {
color: #5B91AD;
text-decoration: none;
}
a:hover {
color: #00387D;
text-decoration: underline;
}
a:active {
color: #00387D;
text-decoration: none;
}
/* Stylesheets fuer Navigation oben */
.navi_oben {
padding:5px 5px 5px 5px;
background-color: #5B91AD;
text-align: right;
color:#FFFFFF;
}
.navi_oben ul {
list-style: none;
margin: 2px;
display: inline;
}
.navi_oben li {
display: inline;
}
.navi_oben a {
text-decoration: none;
height: 20px;
padding: 5px 6px 4px 6px;
}
.navi_oben a:visited {
text-decoration: none;
color:#FFFFFF;
}
.navi_oben a:link {
color:#FFFFFF;
text-decoration:none;
}
.navi_oben a:hover {
color: #00387D;
}
.navi_oben a:active {
color: #00387D;
}
/* Stylesheet für Sidebar */
.sidebar {
width: 165px;
min-height: 450px;
margin-bottom: 0px;
float: left;
background-color: #5B91AD;
}
/* Main Navigation */
.navcontainer {
line-height: 2.0em;
border-top: 1px solid #FFFFFF;
margin-bottom: 0px;
position: relative;
}
.navcontainer #current {
color: #FFFFFF;
}
.navcontainer .currentAncestor {
color: #FFFFFF;
}
/* Parent - Level 0 */
.navcontainer ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.navcontainer li {
}
.navcontainer a {
display: block;
text-decoration: none;
padding-left: 10px;
border-bottom: 1px solid #FFFFFF;
height: 23px;
}
.navcontainer a:visited {
text-decoration: none;
color:#FFFFFF;
}
.navcontainer a:link {
color:#FFFFFF;
text-decoration:none;
}
.navcontainer a:hover {
background-color: #00387D;
color: #FFFFFF;
}
.navcontainer a:active {
background: #FFFFFF;
background-color: #00387D;
}
/* Child - Level 1 */
.navcontainer ul ul {
text-indent: 20px;
background-color: #83B9CD;
color: #FFFFFF;
}
.navcontainer ul ul li {
}
.navcontainer ul ul a {
}
.navcontainer ul ul a:hover {
}
.navcontainer ul ul .currentAncestor {
color: #ffffff;
}
/* Stylesheets fuer Content */
.content {
min-height: 450px;
margin: 10px 20px 0px 190px;
background-color: #FFFFFF;
}
/* Stylesheet Breadcrumb */
.breadcrumb {
font-size: 10px;
color: #666666;
margin: 0px;
padding: 10px 0px 20px 0px
}
/* Stylesheet Footer */
.footer {
border-top:1px solid #5B91AD;
font-size: 10px;
color: #666666;
text-align: center;
}
/* Bilder Anordnen */
.right {
float:right;
margin-left:15px;
}
Alles anzeigen