Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Ich bin gerade am erstellen eines neuen Blogs unter Alpengasthof Hausstatt Willkommen und habe ein kleines Problem.
Ich verwende das Design Fieldsofgold und würde gerne die Sidebar entfernen. Das ist mir auch schon gelungen, aber wie kann ich den Content ausweiten. Also den Text auf die ganze Breite bringen??
Vielen Dank im Vorraus
lg ausgefallenesachen
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.
danke, die breite passt jetzt. allerdings sind die titel im Blog jetzt auch nach rechts gerückt.
So sieht es aus:
Alpengasthof Hausstatt
Wie kann ich das wieder ändern?
lg ausgefallenesachen
Dann entfernst du einfach nur "width: 65%;" das Float lässt du stehen.
das float habe ich vorher auch schon stehen gelassen.
Meine style.css sieht jetzt so aus:
/*
Theme Name: Fieldsofgold
Theme URI: http://www.freewordpresslayouts.com
Version: 1.0
Description: 2 Column theme
Author: Make Quick
Author URI: http://www.freewordpresslayouts.com
*/
/* Links */
a:link { text-decoration: none; color: #464646; }
a:visited { text-decoration: none; color: #464646; }
a:hover, a:active { color: #000000; }
/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 20px 0 10px; }
h1 { font-size: 32px; margin-bottom: 0px; margin-top: 10px;}
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4, h5, h6 { font-size: 20px; }
/* Other Html Elements */
.titles { font-weight: normal; border-bottom-width: 0; font-size: 24px; text-decoration: none; underline: none;}
.titles a:link, .titles a:visited, .titles a:active {
text-decoration: none;
underline: none;
font-size: 24px;
font-weight: normal;
border-bottom-width: 0;
}
pre, blockquote
{
overflow: auto;
padding: 0 10px;
margin: 20px 30px;
line-height: 1.8em;
background-color: #f5f5f5;
border: 1px solid #e0e0e0;
}
pre:hover, blockquote:hover
{
background-color: #f0f0f0;
border: 1px solid #d0d0d0;
}
pre { padding-top: 10px; padding-bottom: 10px; }
code { color: #779900; font-family: Consolas, Verdana, "Courier New", Sans-Serif; }
ul, ol { line-height: 2.0em; }
ul { list-style-image: url(images/bullet.gif); }
abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }
del { text-decoration: line-through; color: #999999; }
ins { text-decoration: none; color: #009977; }
/* Structure */
body
{
margin: 0;
padding: 0;
color: #5A5A5A;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
background-color: #5A5A5A;
font: normal 76% "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
}
#wrapper2 {
width: 768px;
margin-left: auto;
margin-right: auto;
}
#header
{
float: left;
width: 768px;
padding-bottom: 8px;
background: #FFFFFF;
clear: right;
background-image: url(images/header-bg.gif);
background-repeat: no-repeat;
padding-left: 0px;
height: 89px;
margin-top: 13px;
}
#navigation
{
clear: both;
float: left;
width: 100%;
background-image: url(images/header.jpg);
height: 220px;
}
#wrapper
{
clear: both;
float: left;
width: 100%;
color: #555555;
background: #FFFFFF;
}
#content-wrapper
{
width: 96%;
float: left;
}
#content
{
float: left;
padding: 0 0px 10px 30px;
}
#sidebar-wrapper
{
width: 35%;
float: right;
}
#sidebar
{
float: right;
padding: 0px 15px 10px 10px;
width: 210px;
margin-right: 15px;
margin-top: 0px;
}
#footer
{
clear: both;
float: left;
width: 748px;
text-align: left;
padding-left: 20px;
background: #FFFFFF;
color: #464646;
font-size: 11px;
}
#footer a {
color: #464646;
font-size: 11px;
}
#footer a: visited {
color: #464646;
}
#footer a:hover {
color: #993019;
border-bottom: 1px dashed #E18A77;
}
#extras
{
float: left;
width: 780px;
color: #444444;
text-align: left;
padding: 0 10px 10px;
margin: 10px 12px 20px;
background-color: #f5f5f5;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}
/* Header */
#header h1 { padding-left: 30px; }
/* Navigation */
#navigation ul { list-style-type: none; list-style-image: none; float: right; margin-top: 0px; padding: 0 0px 0 0; }
#navigation li { float: left; }
#navigation li a:link,
#navigation li a:visited
{
float: left;
color: #FFF;
display: block;
padding: 5px 10px;
margin-right: 1px;
border: 1px dashed transparent;
height: 24px;
font-size: 14px;
margin-top: 4px;
}
#navigation li a:hover,
#navigation li a:active
{
color: #FFF;
background: #4F4F4F;
border: 1px solid #000;
background-repeat: repeat-x;
font-size: 14px;
margin-top: 4px;
}
#navigation li.active a
{
color: #555555;
background-color: #ffffff;
}
/* Wrapper */
#wrapper a:link { font-weight: bold; }
#wrapper a:visited { font-weight: bold; }
#wrapper a:hover, #wrapper a:active { }
/* Content */
#content .post-title a { border-bottom-width: 0; }
#content .post p.img { float: left; margin: 0 15px 0 0; }
#content .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; }
#content .post-footer
{
font-size: 90%;
color: #888888;
margin-bottom: 5px;
padding:5px 5px 5px 15px;
background-repeat: none;
background-color: #FFFAEE;
border: 1px solid #F4E8CA;
}
/* Sidebar */
.sideblock
{
padding: 5px 10px;
margin-bottom: 20px;
background-color: #F7F7F7;
border: 1px solid #E2E2E2;
}
.sideblock ul { }
.sideblock h3 { margin-top: 5px; font-size: 14px; color: #DCA345; font-weight: bold; }
#sidebar dt { margin: 0; padding-top: 5px; font-weight: bold; color: #666666; }
#sidebar dd { margin: 0 0 5px; padding-bottom: 5px; line-height: 1.8em; }
#sidebar dd a:link { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none;}
#sidebar dd a:visited { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none; }
#sidebar dd a:hover, #sidebar dd a:active { border-bottom: none; text-decoration: none;}
/* Extras */
#extras h6 { font-size: 14px; text-transform: uppercase; color: #555555; }
#friends
{
float: left;
width: 150px;
margin-left: 20px;
margin-right: 10px;
}
#links
{
float: left;
width: 275px;
margin-right: 50px;
}
#about
{
float: left;
width: 250px;
margin-right: 20px;
}
#friends ul { padding-left: 20px; }
#links dl, #links dt, #links dd { margin: 0; padding: 0; }
#links dt { font-weight: bold; padding-top: 5px; }
#links dd { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #999999; }
/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}
#commentform {
margin: 1em 0;
background: #FFFFFF;
width: 280px;
}
#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}
#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}
.date {
background: url(images/date.gif) no-repeat;
height: 54px;
margin-bottom: 0px;
width: 54px;
text-align: center;
float: left;
margin-top: 15px;
}
.date .month {
display: block;
color: #C47F1A;
padding: 2px 0px;
text-align: center;
text-transform: uppercase;
font-size: 10px;
margin-top: 2px;
font-weight: bold;
margin-bottom: 3px;
}
.date .day {
display: block;
color: #FFFFFF;
font: 2.3em Georgia;
padding-top: 0px;
text-align: center;
margin-top: -8px;
}
#left {
width: 60px;
float: left;
}
.slogan {
font-size: 13px;
color: #6F6F6F;
text-transform: lowercase;
margin-left: 30px;
margin-bottom: 2px;
}Dann ist noch was in der index.php falsch. Poste die mal.
index.php:
<?php get_header(); ?>
<div id="wrapper">
<div id="content-wrapper">
<div id="content">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="post-wrapper">
<div class="date">
<span class="month"><?php the_time('M') ?></span>
<span class="day"><?php the_time('j') ?></span>
</div>
<div style="float: right; width: 410px; clear: right; margin-top: 15px; margin-bottom: 15px; padding-top: 10px; margin-left: 5px;">
<span class="titles"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link zu <?php the_title(); ?>"><?php the_title(); ?></a></span>
</div>
<div class="post">
<?php the_content('Weiterlesen »'); ?>
</div>
<div class="post-footer">Abgelegt in <?php the_category(', ') ?> <strong>|</strong> <?php edit_post_link('Bearbeiten','','<strong>|</strong>'); ?> <?php comments_popup_link('Keine Kommentare »', '1 Kommentar »', '% Kommentare »'); ?></div>
</div>
<?php comments_template(); ?>
<?php endwhile; ?>
<p class="pagination"><?php next_posts_link('« Vorherige Einträge') ?> <?php previous_posts_link('Nächste Einträge »') ?></p>
<?php else : ?>
<h2 align="center">Nicht gefunden</h2>
<p align="center">Die Seite wurde nicht gefunden.</p>
<?php endif; ?>
</div>
</div>
<?php get_footer(); ?>
</body>
</html>Vorher
<div style="float: right; width: 410px; clear: right; margin-top: 15px; margin-bottom: 15px; padding-top: 10px; margin-left: 5px;">
<span class="titles"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link zu <?php the_title(); ?>"><?php the_title(); ?></a></span>
</div>Nachher
habe es geändert, aber jetzt sieht es noch schlechter aus!
Ok dann mach es wieder rückgängig. Ich hab es mit der Web Developer Toolbar geändert, da hat es gepasst.
hab es rückgängig gemacht und nochmal versucht.
jetzt passt es fast.
Übrigens, ausgefallenesachen, wenn ich mir den Tip erlauben darf: Der Schriftzug, der den Namen des Hotels oben links zeigt, sieht sehr pixelig aus; Du solltest ihn noch mal neu anlegen. Außerdem wird der H-Schnörkel vom Bild abgeschnitten. Wenn das Absicht ist, sieht es jedenfalls nicht so aus.
Das liegt daran, dass das Header-Bild eine Höhe von 97px hat, der Header selbst aber nur 89px hoch ist. Logische Folge: das Bild wird unten abgeschnitten. Du musst in der css-Datei nur die Höhe des Headers entsprechend ändern, ausgefallenesachen.
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!