Inhalt zentrieren

meneguar

Hallo Leute,

ich hab folgendes Problem:

meine gewähltes theme is linksbündig, würde es aber gerne zentieren, d.h. in der Mitte haben.

Welche Befehle muss ich wo eingeben, damit dies geschieht?

vielen dank und grüße

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

tobee

Zentrierung efolgt in der Regel über margin auto:

Code

div#wrapper {
   position:relative;
   margin:0 auto;
   ...
}

meneguar

danke,

hab bisschen rumprobiert. Wo genau muss ich das einfügen?

lg

MiH

Entweder in die CSS-Datei oder in den Kopf deiner Seite (header.php). Dort gehört es zwischen das HTML-style Element.

Code

<style type="text/css">
#wrapper{
margin: 0 auto;
}
</style>

meneguar

danke!

das ist der header, wo da genau? ich bin neu im Geschäft :-) :

<?php
require_once get_template_directory()."/BX_functions.php";

if (!$blix_sidebar && is_page() && get_page_template() != get_template_directory() . '/archives.php') {
$col_class = ' class="singlecol"';
} else {
$col_class = ' class="doublecol"';
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html <?php language_attributes( $doctype ) ?> xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title><?php bloginfo('name'); wp_title(); ?></title>
<meta http-equiv="Content-Type" content="<?php bloginfo('charset'); ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<?php if ($blix_layout == 'Fixed Width') { ?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen, projection" />
<?php } else if ($blix_layout == 'Fluid Width') { ?>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style-fluid.css" type="text/css" media="screen, projection" />
<?php } ?>


<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'); ?>" />
<?php /*comments_popup_script(520, 550);*/ ?>
<?php wp_head();?>
</head>
<body>
<div id="container"<?php echo $col_class; ?>>
<div id="header">
<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
<h3><?php bloginfo('description'); ?></h3>
</div>
<div id="navigation">
<ul>
<li<?php if (is_front_page()) echo ' class="selected"'; ?>><a href="<?php bloginfo('url'); ?>"><?php _e('Home'); ?></a></li>
<?php
$param_parent = $blix_navigation_hide_subpages ? '&parent=0' : '';
if ($blix_navigation_location == 'Sidebar') {
$include_pages = array('about', 'archives', 'contact');
$param_include = '&include=';
foreach ($include_pages as $page) {
$include_page = get_page_by_path($page);
if ($include_page != NULL) {
if ($include_page->ID != get_option('page_on_front')) {
$param_include .= $include_page->ID . ',';
}
}
}
$param_include = rtrim($param_include, ',');
}
if ($param_include != '&include=') {
$pages = get_pages('sort_column=menu_order' . $param_parent . $param_include . '&exclude=' . get_option('page_on_front'));
foreach ($pages as $page) {
switch ($page->post_name) {
case 'archives':
(is_page($page->ID) || is_archive() || is_search() || is_single())?$selected = ' class="selected"':$selected='';
echo ' <li', $selected, '><a href="', get_page_link($page->ID), '">', __('Archives'), '</a></li>', "\n";
break;
case 'about':
(is_page($page->ID))?$selected = ' class="selected"':$selected='';
echo ' <li', $selected, '><a href="', get_page_link($page->ID),'">', __('About'), '</a></li>', "\n";
break;
case 'contact':
(is_page($page->ID))?$selected = ' class="selected"':$selected='';
echo ' <li', $selected, '><a href="', get_page_link($page->ID), '">', __('contact'), '</a></li>', "\n";
break;
case 'about_short':
break;
default:
(is_page($page->ID))?$selected = ' class="selected"':$selected='';
echo ' <li', $selected, '><a href="', get_page_link($page->ID), '">', $page->post_title, '</a></li>', "\n";
}
}
}
$locale = get_locale();
$search = !$locale || $locale == 'en_US' ? 'Go!' : 'Search';
?>
</ul>
<form action="<?php bloginfo('url'); ?>/" method="get">
<fieldset>
<input value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" />
<input type="submit" value="<?php _e($search); ?>" id="searchbutton" />
</fieldset>
</form>
<div style="clear:both;"></div>
</div>

Whoppy

Schreib es besser in die style.css, wo dort ist fast egal.

Gruß Whoppy

MiH

Zitat von Whoppy

Schreib es besser in die style.css, wo dort ist fast egal.

Gruß Whoppy

Das ist natürlich falsch, denn CSS-Eigenschaften werden vererbt!

Solche Befehle beeinflussen die Struktur der Seite und sollten immer im oberen Teil der CSS-Datei stehen.

Wenn es in die header.php soll, dann natürlich zwischen die <head>-Tags

cebito

Interessanter Thread, vielleicht hätte ihm jemand sagen sollen, das er da auch nen div mit der ID wrapper braucht, der um die ganze Seite drumrum liegt :roll:
Und nein, es ist auch nicht egal, an welcher Stelle der CSS, denn wenn später was anderes festgelegt wird, ist diese Regel hinfällig. Mit Vererbung hat das reichlich wenig zu tun.

Also, @TE, du hast keinen div #wrapper, aber einen #container, der deine Seite einschließt. Geh in deine css und notiere ganz am Ende (so gehst du sicher, das deine Regel nicht irgendwo überschrieben wird)

Code

#container{margin:0 auto;}

oder suche #container in deiner css und schreib es dort mit rein, sollte schon ein margin-Wert vorhanden sein, dann änderst du den.

Ach ja, hier im Editor gibts oben rechts so ein paar Zeichen # <> php äußerst nützlich, denn damit lässt sich Quellcode hier sehr gut vom restlichen Text unterscheiden, und lesbarer wird er auch noch ;)

meneguar

hi,

ich bedanke mich.

hab jetzt bisschen rum probiert. Ich style.css kann ichs rein schreiben wo ichs will aber da ändert isch nix. Ein Container hab ich nicht gefunden.

hier nochmal die css:

/*
Theme Name: Fixed Blix
Theme URI: http://lettersandscience.net/Blix/
Description: Fixed or fluid width. Language localization support. View the <a href="http://lettersandscience.net/Blix/showcase">Blix Gallery</a> at the <a href="http://lettersandscience.net/Blix/">demo</a> site. <a href="http://lettersandscience.net/wp-content/themes/Blix/readme.html">Read me</a>. Original theme by <a href="http://www.kingcosmonaut.de">Sebastian Schmieg</a>. Adapted by <a href="http://lettersandscience.net">dancer</a>.
Version: 2009.08.13
Author:
Author URI:
Tags: two-columns, fixed-width, flexible-width, right-sidebar, white
*/

@import "css/layout.css";
@import "css/layout_fixed.css";
@import "css/spring_flavour.css";
@import "css/spring_flavour_fixed.css";

.aligncenter {}

meneguar

ich schreib jetzt nochmal bevor ihr es vergesset :-) hab gestern rum probiert u. es hat nicht funktioniert.

der code is im post oben drüber

meneguar

kann mir keiner sagen, wo ichs einfügen muss? ich kriegs irgendwie nicht gebacken :sad:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Inhalt zentrieren

Jetzt mitmachen!