ipodtouch breiter

[Imadj]

Heyho, mein Blog soll breiter werden.
Soweit so gut, alles ist afu die Richtige breite, bis auf die bg.png

Original CSS:

/*  
Theme Name: Ipod Touch
Description: A simple and clean Wordpress Theme with two column layout and widget ready.
Author: Ingridk
*/


/* ---------------- GENERAL ---------------- */


body { font-family: tahoma; font-size: 12px; color: #000000; line-height: 160%; margin: 0px; padding: 0px; background: #ffffff url('img/bg.jpg') repeat fixed center;  }

#container { width: 840px; border: 0px solid #4f7813; margin: 0 auto; }

a:link, a:visited { text-decoration: none; color: #000000; }
a:hover { background-color: #C6E0ED; text-decoration: none; color:#000000; }

p.ads { margin-left: 10px; }
small { font-size: 95%; }

h1, h2, h4, h5, h6 { margin:0; padding: 0px; }

h1 { text-align: left; font-size: 200%; color:#000000; padding: 163px 10px 0 10px; }
h1 a:link, h1 a:visited, h1 a:hover { color: #000000; text-decoration: none; background-color:transparent;}

.description { text-align: left ;font-size: 150%; font-weight:normal; padding: 10px 10px 0 10px; color: #000000;}

h2 { font-size: 180%; font-weight: normal; color: #4e9b00; margin-top: 20px; }
h3 { font-size: 110%;color: #000000;}
h4 { font-size: 110%; font-weight: normal;color: #333333;}
h5 {font-size: 110%;color: #000000;}
h2 {
margin: 50;
background: url('img/icon.gif') left center no-repeat;
padding: 0 0 0 5px;
}

ul{ list-style-type: square;}
ul ul { list-style-type: disc;}
ul ul ul{ list-style-type: none;}

label {    font-size: 100%; color: #156d9d;}


p img { padding: 4px; border:none;}

img.centered { display: block; margin-left: auto; margin-right: auto;}
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline;}

.alignright { float: right;}
.alignleft { float: left;}


/* ---------------- LAYOUT ---------------- */


#header { margin: 0 auto; padding: 0px; width: 100%; clear: both; background: url('img/header.jpg') no-repeat center top; height: 244px}
#sidebar { margin: 0 0 0 570px; padding:0; width:255px; }
#content { text-align: justify; float:left; width: 520px; margin: 0 auto; padding:0;}


/* ---------------- TAB ---------------- */


#tab { padding: 0px 0px 0px 0px; white-space: nowrap; margin-top: 43px; }
#tab img { display: block;}
#tab a { font-size: 90%; padding-right: 20px; }

ul.menu { float: left; margin: 0; padding: 0; list-style-type: none; }
ul.menu li { float: left; }
ul.menu li a { float: left; display: block; height: 28px; padding: 3px 15px 0 15px; line-height: 24px; color: #fff; }
ul.menu li a:link, ul.menu li a:visited { color: #f9f9f9; background: none; text-decoration: none; }
ul.menu li a:hover, ul.menu li a:active { color: #B3B300; font-weight: bold; background: none; text-decoration: none; }

ul.menu li.current_page_item a:link,
ul.menu li.current_page_item a:visited,
ul.menu li.current_page_item a:hover,
ul.menu li.current_page_item a:active { color: #f1f1f1; font-weight: bold; text-decoration: none; }


/* ---------------- NAVIGATION ---------------- */


#nav { font-size: 80%; padding: 5px 0px 15px 10px; color: #000000; }
#nav a:link, #nav a:visited { color: #808080; }
#nav a:hover { text-decoration:underline; background-color: transparent; }

.navigation { font-size: 90%; padding: 5px 20px 5px 20px; }


/* ---------------- POST ---------------- */


.pagetitle { padding: 0px 0px 10px 10px; color: #000000;}
.pagetitle h2 { padding: 30px 0px 5px 0px; font-size: 120%; }
.post {    padding: 0px 0px 10px 10px;}
.post h3 { padding: 30px 0px 5px 0px;}

.relatedposts { width: 520px; float: left; color: #666; margin: 5px auto; padding: 0 20px 5px 20px; font-size: 12px; }


/* ---------------- SIDEBAR ---------------- */


#sidebar { font-size:90%; padding: 0; }
#sidebar ul a:link, #sidebar ul a:visited { color:#000000; margin: 0; padding: 0;}
#sidebar ul a:hover { color:#111111; }
#sidebar ul { list-style: none; margin: 0; padding: 0;}
#sidebar p { margin-top: 0px; }

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#sidebar li { line-height:150%; margin: 0; padding: 0;}

/* fix for browsers that don't need the hack */
html>body #sidebar li {border-bottom: none;}

.sidebar1 { margin: 0px; padding: 0px 0px 10px 0px; width:262px; }
.sidebar1 h2 { margin: 0; padding: 10px 0 0 2px; height: 34px; width:262px; color:#333; }

#sidebar img { display: block; padding:0; margin:0; border: none; }
#sidebar img a, #advert img a:link, #advert img a:hover { border:none; }


/* ---------------- FOOTER ---------------- */


#footer { background: url('img/footer.jpg') no-repeat bottom center; height: 70px; clear: both; font-size: 75%; padding: 0px; margin: 0px }
#footer p { color: #333; margin-left: 10px; padding-top: 20px; }
#footer a, #footer a:link { color: #333; text-decoration: none; }
#footer a:hover { color: #333; text-decoration:underline; }


/* ---------------- COMMENTS ---------------- */


.commentlist li, #commentform input, #commentform textarea {font-size: 100%; }
.commentlist li {font-weight: bold;}
.commentlist cite, .commentlist cite a { font-weight: normal;font-style: normal;}
.commentlist p {font-weight: normal; line-height: 130%;text-transform: none;}
#commentform p {padding: 0 10px 0 20px; }

.commentmetadata {font-weight: normal;}

h3.comments {padding: 0 10px 0 10px; margin: 40px 10px 20px 10px;}

#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 10px;}
#commentform textarea {    width: 100%; padding: 2px;}
#commentform #submit { margin: 0;float: right;}

[Imadj]

Geänderte:

/*  
Theme Name: Ipod Touch
Description: A simple and clean Wordpress Theme with two column layout and widget ready.
Author: Ingridk
*/


/* ---------------- GENERAL ---------------- */


body { font-family: tahoma; font-size: 12px; color: #000000; line-height: 160%; margin: 0px; padding: 0px; background: #ffffff url('img/bg.jpg') repeat fixed center;  }

#container { width: 974px; border: 0px solid #4f7813; margin: 0 auto; }

a:link, a:visited { text-decoration: none; color: #000000; }
a:hover { background-color: #C6E0ED; text-decoration: none; color:#000000; }

p.ads { margin-left: 10px; }
small { font-size: 100%; }

h1, h2, h4, h5, h6 { margin:0; padding: 0px; }

h1 { text-align: left; font-size: 200%; color:#000000; padding: 163px 10px 0 10px; }
h1 a:link, h1 a:visited, h1 a:hover { color: #000000; text-decoration: none; background-color:transparent;}

.description { text-align: left ;font-size: 150%; font-weight:normal; padding: 10px 10px 0 10px; color: #000000;}

h2 { font-size: 180%; font-weight: normal; color: #4e9b00; margin-top: 20px; }
h3 { font-size: 110%;color: #000000;}
h4 { font-size: 110%; font-weight: normal;color: #333333;}
h5 {font-size: 110%;color: #000000;}
h2 {
margin: 50;
background: url('img/icon.gif') left center no-repeat;
padding: 0 0 0 5px;
}

ul{ list-style-type: square;}
ul ul { list-style-type: disc;}
ul ul ul{ list-style-type: none;}

label {    font-size: 100%; color: #156d9d;}


p img { padding: 4px; border:none;}

img.centered { display: block; margin-left: auto; margin-right: auto;}
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline;}

.alignright { float: right;}
.alignleft { float: left;}


/* ---------------- LAYOUT ---------------- */


#header { margin: 0 auto; padding: 0px; width: 100%; clear: both; background: url('img/header.jpg') no-repeat center top; height: 244px}
#sidebar { margin: 0 0 0 704px; padding:0; width:255px; }
#content { text-align: justify; float:left; width: 654px; margin: 0 auto; padding:0;}



/* ---------------- TAB ---------------- */


#tab { padding: 0px 0px 0px 0px; white-space: nowrap; margin-top: 43px; }
#tab img { display: block;}
#tab a { font-size: 90%; padding-right: 20px; }

ul.menu { float: left; margin: 0; padding: 0; list-style-type: none; }
ul.menu li { float: left; }
ul.menu li a { float: left; display: block; height: 28px; padding: 3px 15px 0 15px; line-height: 24px; color: #fff; }
ul.menu li a:link, ul.menu li a:visited { color: #f9f9f9; background: none; text-decoration: none; }
ul.menu li a:hover, ul.menu li a:active { color: #B3B300; font-weight: bold; background: none; text-decoration: none; }

ul.menu li.current_page_item a:link,
ul.menu li.current_page_item a:visited,
ul.menu li.current_page_item a:hover,
ul.menu li.current_page_item a:active { color: #f1f1f1; font-weight: bold; text-decoration: none; }


/* ---------------- NAVIGATION ---------------- */


#nav { font-size: 80%; padding: 5px 0px 15px 10px; color: #000000; }
#nav a:link, #nav a:visited { color: #808080; }
#nav a:hover { text-decoration:underline; background-color: transparent; }

.navigation { font-size: 90%; padding: 5px 20px 5px 20px; }


/* ---------------- POST ---------------- */


.pagetitle { padding: 0px 0px 10px 10px; color: #000000;}
.pagetitle h2 { padding: 30px 0px 5px 0px; font-size: 120%; }
.post {    padding: 0px 0px 10px 10px;}
.post h3 { padding: 30px 0px 5px 0px;}

.relatedposts { width: 520px; float: left; color: #666; margin: 5px auto; padding: 0 20px 5px 20px; font-size: 12px; }


/* ---------------- SIDEBAR ---------------- */


#sidebar { font-size:90%; padding: 0; }
#sidebar ul a:link, #sidebar ul a:visited { color:#000000; margin: 0; padding: 0;}
#sidebar ul a:hover { color:#111111; }
#sidebar ul { list-style: none; margin: 0; padding: 0;}
#sidebar p { margin-top: 0px; }

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#sidebar li { line-height:150%; margin: 0; padding: 0;}

/* fix for browsers that don't need the hack */
html>body #sidebar li {border-bottom: none;}

.sidebar1 { margin: 0px; padding: 0px 0px 10px 0px; width:262px; }
.sidebar1 h2 { margin: 0; padding: 10px 0 0 2px; height: 34px; width:262px; color:#333; }

#sidebar img { display: block; padding:0; margin:0; border: none; }
#sidebar img a, #advert img a:link, #advert img a:hover { border:none; }


/* ---------------- FOOTER ---------------- */


#footer { background: url('img/footer.jpg') no-repeat bottom center; height: 70px; clear: both; font-size: 100%; padding: 0px; margin: 0px }
#footer p { color: #333; margin-left: 10px; padding-top: 20px; }
#footer a, #footer a:link { color: #333; text-decoration: none; }
#footer a:hover { color: #333; text-decoration:underline; }


/* ---------------- COMMENTS ---------------- */


.commentlist li, #commentform input, #commentform textarea {font-size: 100%; }
.commentlist li {font-weight: bold;}
.commentlist cite, .commentlist cite a { font-weight: normal;font-style: normal;}
.commentlist p {font-weight: normal; line-height: 130%;text-transform: none;}
#commentform p {padding: 0 10px 0 20px; }

.commentmetadata {font-weight: normal;}

h3.comments {padding: 0 10px 0 10px; margin: 40px 10px 20px 10px;}

#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 10px;}
#commentform textarea {    width: 100%; padding: 2px;}
#commentform #submit { margin: 0;float: right;}

Link zur Seite:
Apples-Ipod

[marX]

Was ist deine Frage?

Das Hintergrundbild musst du natürlich mit einem Grafikprogramm an die neue Breite anpassen.

[Imadj]

eben davon hab ich ja keine ahnung :S

[marX]

Also ich nutze z.B. Irfanview um Grafiken zu bearbeiten. Geht ja nur darum, die Hintergrundgrafik zu vergrößern. Falls du keine zufriedenstellenden Ergebnisse damit erreichst, dann wirst du wohl mal jemanden mit Grafik-Erfahrung fragen müssen.