Seitenbreite Artikel ändern

Natural Felix

Hallo Leute,

ich weiß das Thema gibt es oft, aber nach einer Stunde googlen und viel Beschäftigung mit der Sache, bin ich verzweifelt. Ich bekomme die Breite des Blogs hin, aber nicht die Breite der Artikel & Seiten:

http://www.magickmale.de

http://screencast.com/t/46D1lGWJF

Der Freiraum (rotes Rechteck) soll weg, die Seite/Artikel sollen weiter nach rechts gehen.

Ich bekomms einfach nicht hin... hier meine style.css:

http://dl.dropbox.com/u/2958823/Magick_Male/style.css

LG

Felix

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

mky

Du musst den Header, den Bodybereich und den Footer verbreitern, aktuell ist 580px.

Header

Code

#header {
	margin:0; padding:0;
	width:auto; height:auto;
	background:#171615 url(images/header.gif) repeat-x top center;
	border-bottom:1px solid #4a4d4c;
}


	#logo {
		margin:0; padding:60px 0;
		[COLOR=Red]width:580px;[/COLOR] height:auto;
		background:url(images/header-shade.gif) no-repeat top right;
		float:left;
	}
	
	#searchform-header {
		margin:78px 20px 0 0; padding:0;
		width:284px;

Alles anzeigen

Body

Code

/* Various Columns
/* -------------- */


.col-580 {
	[COLOR=Red]width:580px;[/COLOR]
}


.col-340 {
	width:340px;
}

Alles anzeigen

Footer

Code

#footer .about {
		margin:0; padding:0;
		[COLOR=Red]width:580px[/COLOR]; height:auto;
		float:right;

Änderst du das width:580px nach width:100px wird sich der Bereich verbreitern, aber Achtung, nur das width:580px nicht das col-580

Das col-340 ist sehr warscheinlich die Breite der Sidebar...

alchymyth

ich sehe kein layout wie in deinem bild;

meiner ansicht nach ist der bereich in style.css zum anpassen:

Code

/* 02 - MAIN STRUCTURE
/* ----------------------------------------------*/
.container {
 /* The container is a class simply because of the multiple full-span elements.*/
 margin:0 auto; padding:0;
 width:940px; height:auto;
}
/* Various Columns
/* -------------- */
.col-580 {
 width:580px;
}
.col-340 {
 width:340px;
}

Alles anzeigen

940px fuer die gesamtbreite;
580px fuer die artikelbreite.
340px fuer die sidebarbreite.

ps:
mky hat recht mit den einzelheiten fuer header and footer.

Natural Felix

mky: Tausend Dank, es hat geklappt! :)

*Problem gelöst*

Natural Felix

Eine kleine Frage habe ich noch:

Wie bringe ich das Menü von der Ausrichtung her weiter nach links, so dass es auf der gleichen Stelle ist, wie der Artikel-Titel?

Mal wieder ein Bild zur Verdeutlichung (siehe Anhang). "Home" im Menü soll (mit dem gesamten Menü) weiter nach links verschoben werden.

Ich denke, die Lösung ist irgendwo hier zu finden:

HTML

/* Sidebar
/* -------------- */


#sidebar li {
    font:0.92em Arial, Helvetica, sans-serif;
}


    #sidebar li a:link, #sidebar li a:visited, #sidebar li a:active {
        font:bold 1.17em Arial, Helvetica, sans-serif; color:#5a656a;
    }
    
    #sidebar li a:hover {
        text-decoration:none;
    }
    
#sidebar .rss-date {
    margin:5px 0; padding:0;
    color:#709cb0;    
    display:block;
}


#sidebar .rssSummary {
    margin:5px 0; padding:0;
}


#sidebar li a.sidebar-read-more:link, #sidebar li a.sidebar-read-more:visited, #sidebar li a.sidebar-read-more:active,
#sidebar li a.sidebar-read-more-rss:link, #sidebar li a.sidebar-read-more-rss:visited, #sidebar li a.sidebar-read-more-rss:active {
    margin:18px 0 0 25px; padding:0;
    font:bold 1.17em Arial, Helvetica, sans-serif; color:#a6b5bc;
    position:absolute;
}


    #sidebar li a.sidebar-read-more-rss:link, #sidebar li a.sidebar-read-more-rss:visited, #sidebar li a.sidebar-read-more-rss:active {
        padding:1px 0 0 23px;
        line-height:16px;
        background:url(images/rss.png) no-repeat center left;
    }


#sidebar li a.sidebar-read-more:hover,
#sidebar li a.sidebar-read-more-rss:hover {
    color:#889297; text-decoration:none;

Alles anzeigen

Aber ich find sie nicht... :(

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Seitenbreite Artikel ändern

Jetzt mitmachen!