Ergebnis 1 bis 4 von 4

Thema: Contentbreite

  1. #1
    Meister(in)
    Registriert seit
    10.01.2006
    Beiträge
    298
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Contentbreite

    Hallo,

    hab da mal ne Frage.

    Ich habe mir mit Wordpress eine neue seite gebaut.
    Soweit gefällt sie mir auch ganz gut, auch das verwendete Template.

    Alelrdings wirkt das Template auf großen Bildschirmen etwas zu schmal, daher würde ich es gerne breiter machen.
    Kann mir einer sagen, welche Datei ich verändern muß, um das ganze breiter zu machen?

    Ich habe mal alle vorhandenen php Dateien und die css Datei durchgeschaut, bin aber nicht wirklich schlau daraus geworden.

    Wäre echt super, wenn mir einer kurz helfen könnte.

    Gruß
    Ken
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Fortgeschrittene/r
    Registriert seit
    30.09.2006
    Beiträge
    150
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    kurz helfen mmmhhhhh.

    dann zeig mal was, css dateien z.b.
    Suchst du kostenlose Scripte ?

    dann klick hier
    http://rescue-center.de

  3. #3
    Meister(in)
    Themenstarter

    Registriert seit
    10.01.2006
    Beiträge
    298
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hi,

    hier ist die css Datei:


    /* Begin Typography & Colors */
    body {
    font-size: 62.5%; /* Resets 1em to 10px */
    /* font-family: "Trebuchet MS", Arial, sans-serif; */
    font-family: Arial, Helvetica, sans-serif;
    background: #a9ac99 url(images/roonit.gif) no-repeat top right;
    color: #333;
    text-align: center;
    }

    #page {
    background-color: #DBDBDB;
    border: 1px solid #959596;
    text-align: left;
    }

    #header {
    background-color: #DBDBDB;
    }

    #content {
    font-size: 1.2em
    }

    #pages {
    background: #fff;
    font-size: 12px;
    margin-left: 10px;
    padding: 4px ;
    width: 90%
    }

    #pages li {
    display: inline;
    list-style-type: none;
    }

    #pages ul, ol {
    margin: 0;
    padding: 5px 1em 5px 1em;
    }

    #pages a {
    background: #dddddd;
    font-weight: bold;
    margin: 0 3px 0 0;
    padding: 6px 6px;
    }

    .widecolumn .entry p {
    font-size: 1.2em;
    color: #07293C;
    }

    .#column .entry, .widecolumn .entry {
    line-height: 1.4em;
    }

    .narrowcolumn {
    line-height: 1.4em;
    }

    .narrowcolumn .postmetadata {
    text-align: right;
    font-size: 0.9em;
    width: 450px;
    border-top: 1px dotted #CCC;
    border-bottom: 1px dotted #CCC;
    padding: 0px 0 3px 0;
    }

    .alt {
    background-color: #FAFAF6;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    }

    #footer {
    background-color: #eee;
    }

    small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
    }

    h1, h2, h3 {
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    }

    h1 {
    font-size: 4em;
    text-align: center;
    }

    .description {
    font-size: 1.2em;
    text-align: center;
    }

    h2 {
    font-size: 1.6em;
    }

    h2.pagetitle {
    font-size: 1.6em;
    }

    #sidebar h2 {
    font-family: 'Lucida Grande', Verdana, Sans-Serif;
    font-size: 1.2em;
    }

    h3 {
    font-size: 1.3em;
    }

    h1, h1 a, h1 a:hover, h1 a:visited, .description {
    text-decoration: none;
    color: #FFFFFF;
    }

    h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #333;
    }

    h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
    text-decoration: none;
    }

    .entry p a:visited {
    color: #596D85;
    }

    .entry p a:hover {
    color: #FFFFFF;
    }

    .commentlist li, #commentform input, #commentform textarea {
    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }

    .commentlist li {
    font-weight: bold;
    }

    .commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }

    .commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }

    #commentform p {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }

    .commentmetadata {
    font-weight: normal;
    }

    #sidebar {
    font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }

    small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #777;
    }

    code {
    font: 1.1em 'Courier New', Courier, Fixed;
    }

    acronym, abbr, span.caps
    {
    font-size: 0.9em;
    letter-spacing: .07em;
    }

    a,h3 a:hover {
    color: #596D85;
    text-decoration: none;
    }

    h2 a:hover {
    color: #FFFFFF;
    text-decoration: none;
    }


    a:hover {
    color: #FFFFFF;
    background-color: #596D85;
    }

    #wp-calendar #prev a {
    font-size: 9pt;
    }

    #wp-calendar a {
    text-decoration: none;
    }

    #wp-calendar caption {
    font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align: center;
    }

    #wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    }
    /* End Typography & Colors */



    /* Begin Structure */
    body {
    margin: 0;
    padding: 0;
    }

    #page {
    background-color: white;
    margin: 0px auto;
    padding: 0;
    width: 760px;
    border: 1px solid #959596;
    }

    #header {
    padding: 0;
    margin: 0 auto;
    height: 200px;
    width: 100%;
    background-color: #73a0c5;
    }

    #headerimg {
    margin: 0;
    height: 200px;
    width: 100%;
    }

    .narrowcolumn {
    float: left;
    padding: 0 25px 20px 45px;
    margin: 0px 0 0;
    width: 450px;
    border-right: 1px dotted #CCC;
    }

    .widecolumn {
    padding: 10px 0 20px 0;
    margin: 5px 0 0 150px;
    width: 450px;
    }

    .post {
    margin: 0 0 40px;
    text-align: justify;
    }

    .widecolumn .post {
    margin: 0;
    }

    .narrowcolumn .postmetadata {
    padding-top: 5px;
    }

    .widecolumn .postmetadata {
    margin: 30px 0;
    }

    #footer {
    padding: 0;
    margin:0px auto!important;
    margin:0px 0px 0px 1px;
    width: 760px;
    clear: both;
    }

    #footer p {
    margin: 0;
    padding: 20px 0;
    text-align: center;
    }
    /* End Structure */



    /* Begin Headers */
    h1 {
    padding-top: 22px;
    margin: 0;
    text-align: left; padding-left: 28px;
    }

    .description {
    text-align: left; padding-left: 30px;
    }

    h2 {
    margin: 30px 0 0;
    }

    h2.pagetitle {
    margin-top: 30px;
    text-align: left;
    }

    #sidebar h2 {
    margin: 5px 0 0;
    padding: 0;
    }

    h3 {
    padding: 0;
    margin: 30px 0 0;
    }

    h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
    }
    /* End Headers */



    /* Begin Images */
    p img {
    padding: 0;
    max-width: 100%;
    }

    /* Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

    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
    }
    /* End Images */



    /* Begin Lists

    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */

    html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
    }

    html>body .entry li {
    margin: 7px 0 8px 10px;
    }

    .entry ul li:before, #sidebar ul ul li:before {
    content: "\00BB \0020";
    }

    .entry ol {
    padding: 0 0 0 35px;
    margin: 0;
    }

    .entry ol li {
    margin: 0;
    padding: 0;
    }

    .postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }

    #sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
    }

    #sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }

    #sidebar ul p, #sidebar ul select {
    margin: 5px 0 8px;
    }

    #sidebar ul ul, #sidebar ul ol {
    margin: 5px 0 0 10px;
    }

    #sidebar ul ul ul, #sidebar ul ol {
    margin: 0 0 0 10px;
    }

    ol li, #sidebar ul ol li {
    list-style: decimal outside;
    }

    #sidebar ul ul li, #sidebar ul ol li {
    margin: 3px 0 0;
    padding: 0;
    }
    /* End Entry Lists */



    /* Begin Form Elements */
    #searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: center;
    }

    #sidebar #searchform #s {
    width: 115px;
    padding: 2px;
    }

    #sidebar #searchsubmit {
    padding: 1px;
    }

    .entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
    }

    select {
    width: 130px;
    }

    #commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }

    #commentform textarea {
    width: 100%;
    padding: 2px;
    }

    #commentform #submit {
    margin: 0;
    float: right;
    }
    /* End Form Elements */



    /* Begin Comments*/
    .alt {
    margin: 0;
    padding: 10px;
    }

    .commentlist {
    padding: 0;
    text-align: justify;
    }

    .commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
    }

    .commentlist p {
    margin: 10px 5px 10px 0;
    }

    #commentform p {
    margin: 5px 0;
    }

    .nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }

    .commentmetadata {
    margin: 0;
    display: block;
    }
    /* End Comments */



    /* Begin Sidebar */
    #sidebar
    {
    padding: 20px 0 10px 0;
    margin-left: 545px;
    width: 190px;
    }

    #sidebar form {
    margin: 0;
    }
    /* End Sidebar */



    /* Begin Calendar */
    #wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
    }

    #wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }

    #wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }

    #wp-calendar a {
    display: block;
    }

    #wp-calendar caption {
    text-align: center;
    width: 100%;
    }

    #wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }

    #wp-calendar td.pad:hover { /* Doesn't work in IE */
    background-color: #fff; }
    /* End Calendar */



    /* Begin Various Tags & Classes */
    acronym, abbr, span.caps {
    cursor: help;
    }

    acronym, abbr {
    border-bottom: 1px dashed #999;
    }

    blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
    }

    blockquote cite {
    margin: 5px 0 0;
    display: block;
    }

    .center {
    text-align: center;
    }

    hr {
    display: none;
    }

    a img {
    border: none;
    }

    .navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
    }
    /* End Various Tags & Classes*/


    /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
    It won't be a stylish marriage, I can't afford a carriage.
    But you'll look sweet upon the seat of a bicycle built for two." */
    Gruß
    Ken

  4. #4
    Fortgeschrittene/r
    Registriert seit
    30.09.2006
    Beiträge
    150
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    wenn dieser id selektor der content ist den du meinst :

    #content {
    font-size: 1.2em
    }

    dan mach das so :

    #content {
    font-size: 1.2em
    width:300px;<-das musst du anpassen immer verändern und dann kucken ob es passt
    }
    Suchst du kostenlose Scripte ?

    dann klick hier
    http://rescue-center.de

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •