angezeigtes Textfeld verbreitern

zappo

Hallo,

ich möchte auf meiner Seite http://www.hochzeit-unterhaltung-zauberer.de (Themname ist MistyLook)
das angezeigte Schriftfeld verbreitern. Der Zeilenumbruch soll also später erfolgen und die Schrift fast auf die ganze Breite des weissen Seitenteils gehen.
Ich habe mit Firebug und Element untersuchen leider keine Informationen gefunden die mich weiter bringen.
Firebug bringt mir folgende Ergebnisse:

PHP

html  #content {height:1%;}style.css (Zeile 200)#header,  #content, #sidebar, #footer, .widget {overflow:hidden;}style.css  (Zeile 452)#content  {margin:10px 10px  10px 30px;}style.css  (Zeile 197)* {margin:0;padding:0;}style.css  (Zeile 9)[B]Geerbt vondiv#container[/B]


#container  {text-align:left;}style.css (Zeile 85)[B]Geerbt vonbody#section-index[/B]


body  {color:#333333;font:76%/1.6em  verdana,tahoma,arial,sans-serif;text-align:center;}

Vieleicht stimmt ja auch etwas mit meinem Firebug nicht???? Wobei ich nicht wissentlich etwas verändert habe.

Finde ich die Lösung Lösung in style.css ?

PHP

/*  
Theme Name: MistyLook (DE)
Theme URI: http://wpthemes.info
Description: A real clean template by <a href="http://wpthemes.info" title="Sadish">Sadish Bala</a> , influenced by <a href="http://reorganize.ca" target="_blank">ReOrganize</a>. Support is available at <a href="http://forums.wpthemes.info/" title="Forums">Forums</a>.<br />Deutsche &Uuml;bersetzung von <a href="http://eisregen1986.de.vu">Fabian K&uuml;nzel</a>
Version: 3.0
Author: Sadish
Author URI: http://simpleinside.com
*/
* {
    padding: 0; 
    margin:0;
}
p {
    margin: 0.7em 0;
    line-height:1.6em;
}
dl {
    margin:1em 0;
}
dt 
{
    font-weight:bold;
}
dd 
{
    margin:0.5em;
    padding:0;
}
img 
{
    background:url(img/shadow.gif) no-repeat right bottom;
    padding:4px 10px 10px 4px;    
    border:none;
    border-top:#eee 1px solid;
    border-left:#eee 1px solid;    
}
a img {
    border:none;
    background:none;
    padding:none;
    background:url(img/shadow.gif) no-repeat right bottom;
    padding:4px 10px 10px 4px;    
    border-top:#eee 1px solid;
    border-left:#eee 1px solid;    
}
.clear {
    clear:both;
    height:20px;
}


blockquote
{
    color:#666;
    margin: 1em;
    padding: 0 0 10px 50px;
    background: url(img/blockquote.gif) no-repeat left top;    
}
fieldset 
{
    border:none;
}
body 
{
    background: #760312;
    margin: 0; 
    font: 76%/1.6em verdana, tahoma, arial,  sans-serif; 
    color: #333; 
    text-align: center;
}
a 
{
    text-decoration:none;
}
a:link, a:visited {
    color: #c7101c;    
}
a:hover, a:active {
    border-bottom:#963 1px solid;
}
h1, h2, h3, h4, h5, h6 
{
    font-family:Georgia, Verdana, Arial, Serif;
}


#container {
    border: #ccc 1px solid; 
    background: #fff; 
    margin: 0 auto; 
    width: 780px;     
    position: relative; 
    text-align: left;
}
#navigation {
    background: transparent; 
    margin: 20px auto 0; 
    overflow: hidden; 
    width: 760px; 
    position: relative; 
    text-align: left;
    font-family: Trebuchet MS,Tahoma, Verdana, Arial, Serif;
    letter-spacing:1px;
}
 html #navigation {
    height: 1%;
}
#navigation ul li {
    float: left; 
    margin: 0 5px 0 0; 
    list-style-type: none;
}
#navigation ul li a {
    border: #dedede 1px solid; 
    border-bottom:none;
    padding: 2px 10px; 
    display: block; 
    font-weight:bold;
    color:#666;        
    text-decoration: none;
    background:#ededed;
}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li.current_page_item a {
    background: #fff;
    color: #333;    
    border: #ccc 1px solid; 
    border-bottom:none;        
}
#navigation ul li.search {
    font-size: 0.9em; 
    right: 0; 
    position: absolute; 
    top: 0;
}
#navigation ul li.search input#searchsubmit {
    border: #999 1px solid; 
    font-size: 0.9em; 
    background: #ddd; 
    margin: 0 0 0 2px; 
    color: #c7101c; 
    padding: 2px;         
}
#header {
    clear: both; 
    float: left; 
    margin: 10px 5px; 
    width: 450px;
}
#header h1 
{
    font-size:1.8em;
    margin:10px 0 0 10px;
    font-variant:small-caps;
    letter-spacing:1px;        
}
#header h1 a {
    
    text-decoration:none;    
    border:none;
}
#header h2 
{
    margin:5px 0 0 10px;
    font-size:1em;
    font-weight:normal;
    font-family:Tahoma, Verdana, Arial, Serif;
    letter-spacing:1px;        
}
#feedarea {
    padding:10px 10px 0 0; 
    float: right;     
    text-align: right;
}
html #feedarea {
    padding-top: 10px;
}
#feedarea dl dt {
    display: inline; 
    margin-right: 5px; 
    height: 45px;
}
#feedarea dl dd {
    display: inline; 
    margin-right: 5px; 
    height: 45px;
    background:url(img/icon_feed.gif) no-repeat left center;
    padding-left:16px;
}
#headerimage {
    clear: both; 
    background: #fff url(img/misty.jpg) no-repeat 0 0;
    margin: 10px; 
    color: #fff; 
    height: 200px;
}
 html #headerimage {
    margin-top: 0;
}
#content {
    margin: 10px 10px 10px 30px;     
}
 html #content {
    height: 1%;
}
#content h3 {
    font-size: 1.4em; 
    font-weight:normal;
    margin: 1em 0 0;
    color: #c7101c;    
}
#content h4 {
    font-size: 1.1em; 
    margin: 1em 0 0 0;
}
#content h5 {
    font-size: 1em; 
    margin: 1em 0;
}
#content-main ul 
{
    margin:1em;
    padding:0 1em;
    list-style-image:url(img/bullet.png);
}
#content-main ul.asides 
{
    margin:0;
    padding:2em;
    border-bottom:#ddd 1px dashed;
}
#content ol 
{
    list-style-type:decimal;
    margin:1em;
    padding:0 1em;
}
#content-main {
    float: left; 
    width: 520px; 
    margin-right: 20px;
}
 html #section-index #content-main {
    margin-right: 20px;
}
#content .post 
{
    padding:0 0 2em 0;
    border-bottom:#ddd 1px dashed;
}
#content p img.right {
    float: right;
    margin:10px 0 0 10px;    
}
#content p img.left {
    float: left; 
    margin:0 10px 10px 0;
}
#content .post h2 
{
    font-size: 1.4em; 
    margin: 1em 0 0;    
    letter-spacing:1px;
    font-weight:normal;    
}
#content .entry 
{
    margin:1em 0;
    padding-right:1em;    
}
#content .entry a:link, #content .entry a:visited
{
    border-bottom:#963 1px dashed;    
}
#content .entry a:hover, #content .entry a:active
{
    border-bottom:#963 1px solid;    
}
#content .post-info , #content .postmetadata
{
    font-size:0.9em;
    color:#999;
    margin:0;
    padding:0;    
}
#content .post-info 
{
    background:url(img/underline1.jpg) no-repeat left bottom;
    padding-bottom:12px;
}
        
#sidebar {
float: left;
width: 200px;
font-size: 0.9em;
overflow-x: visible;
position: absolute;
left: 700px;
border: 1px solid #CCCCCC;
background-color: #ededed; 
}


#sidebar ul
{
    list-style:none;
    margin:0;
    padding:0;
}
#sidebar ul ul
{
    list-style:none;
    margin:0.5em 0 0 1em;
    padding:0;
}
li.sidebox {
    padding:10px;
}
html li.sidebox {
    padding-bottom: 10px;
}
li.sidebox h2 {
    font-weight: normal; 
    font-size: 1.6em; 
    text-align: left;
    color: #242;    
    font-variant:small-caps;
}
#sidebar li.sidebox p img {
    margin:0;
    padding:3px;
    border:#ccc 1px solid;
    background:none;
}


#footer {
    clear: both;     
    background: transparent; 
    margin: 0 auto; 
    width: 760px;     
    text-align: left;
}
 html #footer {
    height: 1%;
}
#footer p {
    float: left; 
    width: 50%; 
    line-height: 1.2em;
}
#footer p.right {
    float: right; 
    margin: 1em 0; 
    width: 50%; 
    text-align: right;
    font-size: 0.9em; 
    color:#999;
}
#comments, #respond{
    margin: 2em 0 10px 5px;
}
#commentform 
{
    margin:10px 0;    
    padding:10px;
    background:#f9fcfc;
    border-top: #ddd 1px solid;
    border-bottom: #ddd 1px solid;
}
.commentnum 
{
    font-size:1.5em;
    font-weight:bold;    
    margin:0 5px 0 0;
}
#container .commentlist {
    margin: 0;
    padding: 0;        
    border-top: #ddd 1px solid;
}
.commentlist li 
{
    list-style:none;
    margin: 0;
    padding: 0.5em;    
    background:#fff url(img/shadow_top.gif) repeat-x top;
    border-bottom: #ddd 1px solid;
    
}
.commentlist li.alt 
{
    background:#f9f9f9;    
}
.commentlist li .cmtinfo 
{
    font-size:1em;        
}
.commentlist li cite 
{
    font-style:normal;
    font-weight:bold;
}
.commentlist li .cmtinfo em 
{
    float:right;
    margin:0;
    padding:0;
    font-style:normal;
    font-size:0.9em;
    color:#999;
}
#content .commentsfeed 
{
    background:url(img/icon_feed.gif) no-repeat left center;
    padding-left:16px;
}
#content .trackback 
{
    background:url(img/link.gif) no-repeat left center;
    padding-left:20px;
}
input.textbox
{
    border:#ccc 1px solid;
    background:#fff url(img/shadow_top.gif) repeat-x top;
    font:1em Verdana, Arial, Serif;
    padding:2px;
    width:150px;
}
textarea{
    width: 90%;
    padding:10px;
    line-height:2em;
    height: 20em;
    border: 1px solid #ccc;    
    background:#fff url(img/shadow_top.gif) repeat-x top;
    font:1em Verdana, Arial, Serif;
}
.textbox:focus, textarea:focus
{
    background:#fff url(img/shadow_top.gif) repeat-x top;
    border:#999 1px solid;
}
.post h4 
{
    font-size:1em;
    font-weight:normal;
    font-family:Verdana, Tahoma, Arial, Serif;
}
.post h4 em
{
    font-style:normal;
    float:right;
    font-weight:normal;
}
#header, #content, #sidebar, #footer, .widget {
    overflow: hidden;
}

Alles anzeigen

ich freue mich über Ideen zur Lösung.

Alles Gute

Zappo

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

Tutrix

Code

[COLOR=#000000][COLOR=#FF8000]#content-main {
    [/COLOR][COLOR=#0000BB]float[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]left[/COLOR][COLOR=#007700]; 
    [/COLOR][COLOR=#0000BB]width[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]520px[/COLOR][COLOR=#007700]; 
    [/COLOR][COLOR=#0000BB]margin[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]right[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]20px[/COLOR][COLOR=#007700];
}[/COLOR][/COLOR]

mach hier mal aus den 520px...... 720px

die 4 Programmpunkte musst vielleicht neu speichern/aktualisieren

Barriss

vielleicht hier:

[COLOR=#000000][COLOR=#ff8000]#content {
[/COLOR][COLOR=#0000bb]margin[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]10px 10px 10px 30px[/COLOR][COLOR=#007700];

[COLOR=black]der letzte margin-wert ist der für rechts,
versuch da mal auch mit 10px

ah,ja,das obere sieht auch gut aus, hatte ich gar nicht gesehen :)
[/COLOR][/COLOR][/COLOR]

zappo

Hallo Art of Pic und Barriss,

herzlichen Dank für die Unterstützung.
Ich habe die Idee von Art of Pic in der style.css umgesetzt. Es hat sich 1 zu 1 umsetzen lassen. Applaus, Applaus, Applaus

Vielen Dank

Zappo

Willkommen! Melden Sie sich an oder registrieren Sie sich.

angezeigtes Textfeld verbreitern

Jetzt mitmachen!

Benutzer online in diesem Thema