Breite des Forum
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
auto
blocken
breite bestimmen
code
container
display
fix code
forum
frage
highlight
image
list
navigation
panel
span
tabelle
tele
text
url
zeile
-
Guten Abend, die Damen. Ach die Herren nicht zu vergessen :)
Ich habe folgendes Problem:
Das Forum ist vieeeel zu breit für meinen Geschmack (Meines)
Da habe ich mir den CSS Code angesehen und frage mich nun: "Wo in 3 Teufels Namen steht die Allgemein Breite des Forum´s ??"
Da ich es nicht finden konnte frage ich einfach mal hier...
Wo finde ich in folgendem CSS Code die Breite ??
body { background: #efefef; color: #000; text-align: center; line-height: 1.4; font-family: Verdana, Arial, Sans-Serif; font-size: 13px; } a:link { color: #026CB1; text-decoration: none; } a:visited { color: #026CB1; text-decoration: none; } a:hover, a:active { color: #000; text-decoration: underline; } #container { width: 95%; background: #fff; border: 1px solid #e4e4e4; color: #000000; margin: auto auto; padding: 20px; text-align: left; /* IE 5 fix */ } #content { /* FIX: Make internet explorer wrap correctly */ width: auto !important; } .menu ul { color: #000000; font-weight: bold; text-align: right; padding: 4px; } .menu ul a:link { color: #000000; text-decoration: none; } .menu ul a:visited { color: #000000; text-decoration: none; } .menu ul a:hover, .menu ul a:active { color: #4874a3; text-decoration: none; } #panel { background: #efefef; color: #000000; font-size: 11px; border: 1px solid #D4D4D4; padding: 8px; } table { color: #000000; font-family: Verdana, Arial, Sans-Serif; font-size: 13px; } .tborder { background: #81A2C4; width: 100%; margin: auto auto; border: 1px solid #0F5C8E; } .thead { background: #026CB1 url(images/thead_bg.gif) top left repeat-x; color: #ffffff; } .thead a:link { color: #ffffff; text-decoration: none; } .thead a:visited { color: #ffffff; text-decoration: none; } .thead a:hover, .thead a:active { color: #ffffff; text-decoration: underline; } .tcat { background: #ADCBE7; color: #000000; font-size: 12px; } .tcat a:link { color: #000000; } .tcat a:visited { color: #000000; } .tcat a:hover, .tcat a:active { color: #000000; } .trow1 { background: #f5f5f5; } .trow2 { background: #EFEFEF; } .trow_shaded { background: #ffdde0; } .trow_selected td { background: #FFFBD9; } .trow_sep { background: #e5e5e5; color: #000; font-size: 12px; font-weight: bold; } .tfoot { background: #026CB1 url(images/thead_bg.gif) top left repeat-x; color: #ffffff; } .tfoot a:link { color: #ffffff; text-decoration: none; } .tfoot a:visited { color: #ffffff; text-decoration: none; } .tfoot a:hover, .tfoot a:active { color: #ffffff; text-decoration: underline; } .bottommenu { background: #efefef; color: #000000; border: 1px solid #4874a3; padding: 10px; } .navigation { color: #000000; font-size: 13px; font-weight: bold; } .navigation a:link { text-decoration: none; } .navigation a:visited { text-decoration: none; } .navigation a:hover, .navigation a:active { text-decoration: none; } .navigation .active { color: #000000; font-size: small; font-weight: bold; } .smalltext { font-size: 11px; } .largetext { font-size: 16px; font-weight: bold; } input.textbox { background: #ffffff; color: #000000; border: 1px solid #0f5c8e; padding: 1px; } textarea { background: #ffffff; color: #000000; border: 1px solid #0f5c8e; padding: 2px; font-family: Verdana, Arial, Sans-Serif; line-height: 1.4; font-size: 13px; } select { background: #ffffff; border: 1px solid #0f5c8e; } .editor { background: #f1f1f1; border: 1px solid #ccc; } .editor_control_bar { background: #fff; border: 1px solid #0f5c8e; } .autocomplete { background: #fff; border: 1px solid #000; color: black; } .autocomplete_selected { background: #adcee7; color: #000; } .popup_menu { background: #ccc; border: 1px solid #000; } .popup_menu .popup_item { background: #fff; color: #000; } .popup_menu .popup_item:hover { background: #C7DBEE; color: #000; } .trow_reputation_positive { background: #ccffcc; } .trow_reputation_negative { background: #ffcccc; } .reputation_positive { color: green; } .reputation_neutral { color: #444; } .reputation_negative { color: red; } .invalid_field { border: 1px solid #f30; color: #f30; } .valid_field { border: 1px solid #0c0; } .validation_error { background: url(images/invalid.gif) no-repeat center left; color: #f30; margin: 5px 0; padding: 5px; font-weight: bold; font-size: 11px; padding-left: 22px; } .validation_success { background: url(images/valid.gif) no-repeat center left; color: #00b200; margin: 5px 0; padding: 5px; font-weight: bold; font-size: 11px; padding-left: 22px; } .validation_loading { background: url(images/spinner.gif) no-repeat center left; color: #555; margin: 5px 0; padding: 5px; font-weight: bold; font-size: 11px; padding-left: 22px; } /* Additional CSS (Master) */ img { border: none; } .clear { clear: both; } .hidden { display: none; float: none; width: 1%; } .float_left { float: left; } .float_right { float: right; } .menu ul { list-style: none; margin: 0; } .menu li { display: inline; padding-left: 5px; } .menu img { padding-right: 5px; vertical-align: top; } #panel .links { margin: 0; float: right; } .expcolimage { float: right; width: auto; vertical-align: middle; margin-top: 3px; } img.attachment { border: 1px solid #E9E5D7; padding: 2px; } hr { background-color: #000000; color: #000000; height: 1px; border: 0px; } #copyright { font: 11px Verdana, Arial, Sans-Serif; margin: 0; padding: 10px 0 0 0; } #debug { float: right; text-align: right; margin-top: 0; } blockquote { border: 1px solid #ccc; margin: 0; background: #fff; padding: 4px; } blockquote cite { font-weight: bold; border-bottom: 1px solid #ccc; font-style: normal; display: block; margin: 4px 0; } blockquote cite span { float: right; font-weight: normal; } blockquote cite span.highlight { float: none; font-weight: bold; padding-bottom: 0; } .codeblock { background: #fff; border: 1px solid #ccc; padding: 4px; } .codeblock .title { border-bottom: 1px solid #ccc; font-weight: bold; margin: 4px 0; } .codeblock code { overflow: auto; height: auto; max-height: 200px; display: block; font-family: Monaco, Consolas, Courier, monospace; font-size: 13px; } .subforumicon { border: 0; vertical-align: middle; } .separator { margin: 5px; padding: 0; height: 0px; font-size: 1px; list-style-type: none; } form { margin: 0; padding: 0; } .popup_menu .popup_item_container { margin: 1px; text-align: left; } .popup_menu .popup_item { display: block; padding: 3px; text-decoration: none; white-space: nowrap; } .popup_menu a.popup_item:hover { text-decoration: none; } .autocomplete { text-align: left; } .subject_new { font-weight: bold; } .highlight { background: #FFFFCC; padding: 3px; } .pm_alert { background: #FFF6BF; border: 1px solid #FFD324; text-align: center; padding: 5px 20px; font-size: 11px; } .red_alert { background: #FBE3E4; border: 1px solid #A5161A; color: #A5161A; text-align: center; padding: 5px 20px; font-size: 11px; } .high_warning { color: #CC0000; } .moderate_warning { color: #F3611B; } .low_warning { color: #AE5700; } div.error { padding: 5px 10px; border-top: 2px solid #FFD324; border-bottom: 2px solid #FFD324; background: #FFF6BF; font-size: 12px; } div.error p { margin: 0; color: #000; font-weight: normal; } div.error p em { font-style: normal; font-weight: bold; padding-left: 24px; display: block; color: #C00; background: url('images/error.gif') no-repeat 0; } div.error.ul { margin-left: 24px; } .online { color: #15A018; } .offline { color: #C7C7C7; } .pagination { font-size: 11px; padding-top: 10px; margin-bottom: 5px; } .tfoot .pagination, .tcat .pagination { padding-top: 0; } .pagination .pages { font-weight: bold; } .pagination .pagination_current, .pagination a { padding: 2px 6px; margin-bottom: 3px; } .pagination a { border: 1px solid #81A2C4; } .pagination .pagination_current { background: #F5F5F5; border: 1px solid #81A2C4; font-weight: bold; } .pagination a:hover { background: #F5F5F5; text-decoration: none; } .thread_legend, .thread_legend dd { margin: 0; padding: 0; } .thread_legend dd { padding-bottom: 4px; margin-right: 15px; } .thread_legend img { margin-right: 4px; vertical-align: bottom; } .forum_legend, .forum_legend dt, .forum_legend dd { margin: 0; padding: 0; } .forum_legend dd { float: left; margin-right: 10px; } .forum_legend dt { margin-right: 10px; float: left; } .success_message { color: #00b200; font-weight: bold; font-size: 10px; margin-bottom: 10px; } .error_message { color: #C00; font-weight: bold; font-size: 10px; margin-bottom: 10px; } .post_body { padding: 5px; } .post_content { padding: 5px 10px; } .quick_jump { background: url('images/jump.gif') no-repeat 0; width: 13px; height: 13px; padding-left: 13px; /* amount of padding needed for image to fully show */ vertical-align: middle; border: none; }
Über 600 Zeilen lang sry :/
Mfg
Jwolff -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hier:
.tborder { background: #81A2C4; width: 100%; margin: auto auto; border: 1px solid #0F5C8E; }
Du musst dir die HTML mit angucken. Bei width kannst du die Breite verändern.
MfG
telelo -
Ahh danke :)
Englisch kann ich allerdings noch ganz gut nur bei 600 Zeilen und keinerlei Erfahrung mit css sieht man sowas nicht :P
*hust*
Ich muss mich berichtigen.
Du hast mich nur auf den richtigen Weg gebracht.
#container { width: 60%; background: #fff; border: 1px solid #e4e4e4; color: #000000; margin: auto auto; padding: 20px; text-align: left; /* IE 5 fix */ }
Ist die richtige stelle.
Beitrag zuletzt geändert: 30.8.2009 20:35:34 von jwolff -
#container { width: 95%; background: #fff; border: 1px solid #e4e4e4; color: #000000; margin: auto auto; padding: 20px; text-align: left; /* IE 5 fix */ }
Mit width kannst du die Breite bestimmen.
@telelo
Das trifft dann nur auf Tabellen zu, die ganze Seite ist in einem div mit der ID "container" gefasst. -
Achso ok ich dachte nur an die Tabelle mit der die Foren dargestellt sind
-
tct schrieb:
#container { width: 95%; background: #fff; border: 1px solid #e4e4e4; color: #000000; margin: auto auto; padding: 20px; text-align: left; /* IE 5 fix */ }
Mit width kannst du die Breite bestimmen.
@telelo
Das trifft dann nur auf Tabellen zu, die ganze Seite ist in einem div mit der ID "container" gefasst.
Auch wenn tele mich auf den falschen Weg geführt hat hab ich´s dadurch selbst herrausgefunden :P
Dann direkt die nächste frage...
Wie kann ich den Header in der mitte anzeigen lassen allerdings alles andere links Zentriert ?
Beitrag zuletzt geändert: 30.8.2009 20:38:53 von jwolff -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage