Breitere Frontpage

**adrenaliniv** · 04.04.2006 16:01

Hallo ich möchte mein Joomla auf 1024 Breite ändern. Wenn ich das im CSS tue dann zereisst es mir die ganze Page.

css:
/* CSS Document */

html {
height: 100%;
}

body {
height: 100%;
margin-bottom: 1px;
}

.clr {
clear: both;
}

.outline {
border: 1px solid #cccccc;
background: #ffffff;
padding: 2px;
}

#buttons_outer {
width: 859px;
margin-bottom: 2px;
margin-right: 2px;
float: left;

}

#buttons_inner {
border: 1px solid #cccccc;
height: 21px;
}

#pathway_text {
overflow: hidden;
display: block;
height: 25px;
line-height: 25px !important;
line-height: 22px;
padding-left: 4px;
border: 1px solid #ccc;
margin-bottom: 2px;
}

#pathway_text img {
margin-left: 5px;
margin-right: 5px;
margin-top: 6px;
}

#buttons {
float: left;
margin: 0px;
padding: 0px;
width: auto;
}

ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
font-size: 0.8em;
}

ul#mainlevel-nav li
{
background-image: none;
padding-left: 0px;
padding-right: 0px;
float: left;
margin: 0;
font-size: 11px;
line-height: 21px;
white-space: nowrap;
border-right: 1px solid #cccccc;
}

ul#mainlevel-nav li a
{
display: block;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
color: #333333;
background: transparent;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

ul#mainlevel-nav li a:hover
{
color: #fff;
background: #c64934;
}

#search_outer {
float: left;
width: 165px;
}

#search_inner {
border: 1px solid #cccccc;
padding: 0px;
height: 21px !important;
height: 23px;
overflow: hidden;
}

#search_inner form {
padding: 0;
margin: 0;
}

#search_inner .inputbox {
border: 0px;
padding: 3px 3px 3px 5px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #c64934;
}

#header_outer {
text-align: left;
border: 0px;
margin: 0px;
}

#header {
float: left;
padding: 0px;
margin-right: 2px;
width: 859px;
height: 150px;
background: url(../images/header_short.jpg) no-repeat;
}

#top_outer{
float: left;
width: 165px;
}

#top_inner {
border: 1px solid #cccccc;
padding: 2px;
height: 144px !important;
height: 150px;
overflow: hidden;
float: none !important;
float: left;
}

#left_outer {
float: left;
margin-top: 2px;
width: 165px;
}

#left_inner {
border: 1px solid #cccccc;
padding: 2px;
float: none !important;
float: left;
}

#content_outer {
padding: 0px;
margin-top: 0px;
margin-left: 2px;
/** border: 1px solid #cccccc; **/
float: left;
width: 859px;
}

#content_inner{
float: none !important;
float: left;
padding: 0;
padding-top: 2px;
margin: 0;
}

table.content_table {
width: 100%;
padding: 0px;
margin: 0px;
}

table.content_table td {
padding: 0px;
margin: 0px;
}

#banner_inner {
float: left;
padding: 0px;
height: 70px;
}

#poweredby_inner {
float: right;
padding: 0px;
margin-left: 0px;
height: 70px;
}

#right_outer {
margin-left: 2px;
width: 165px;
}

#right_inner {
float: none !important;
float: left;
border: 1px solid #cccccc;
padding: 2px;
}

.user1_inner {
border: 1px solid #cccccc;
float: none !important;
float: left;
margin: 0px;
padding: 2px;
}

.user2_inner {
border: 1px solid #cccccc;
float: none !important;
float: left;
margin: 0px;
padding: 2px;
}

table td.body_outer {
padding: 2px;
border: 1px solid #cccccc;
}

.maintitle {
color: #ffffff;
font-size: 40px;
padding-left: 15px;
padding-top: 20px;
}

.error {
font-style: italic;
text-transform: uppercase;
padding: 5px;
color: #cccccc;
font-size: 14px;
font-weight: bold;
}

/** old stuff **/

.back_button {
float: left;
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #cccccc;
width: auto;
background: url(../images/button_bg.png) repeat-x;
padding: 0px 10px;
line-height: 20px;
margin: 1px;
}

.pagenav {
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #cccccc;
width: auto;
background: url(../images/button_bg.png) repeat-x;
padding: 0px 10px;
line-height: 20px;
margin: 1px;
}

.pagenavbar {
margin-right: 10px;
float: right;
}

#footer {
text-align: center;
padding: 3px;
}

ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 2px;
}

td {
text-align: left;
font-size: 11px;
}

body {
margin: 15px;
height: 100%;
padding: 0px;
font-family: Arial, Helvetica, Sans Serif;
line-height: 100%;
font-size: 11px;
color: #333333;
background: #ffffff;
}

/* Joomla core stuff */
a:link, a:visited {
color: #c64934; text-decoration: none;
font-weight: bold;
}

a:hover {
color: #900; text-decoration: none;
font-weight: bold;
}

table.contentpaneopen {
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}

table.contentpaneopen td {
padding-right: 5px;
}

table.contentpaneopen td.componentheading {
padding-left: 4px;
}

table.contentpane {
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}

table.contentpane td {
margin: 0px;
padding: 0px;
}

table.contentpane td.componentheading {
padding-left: 4px;
}

table.contentpaneopen fieldset {
border: 0px;
border-bottom: 1px solid #eee;
}

.button {
color: #c64934;
font-family: Arial, Hevlvetica, sans-serif;
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #cccccc;
width: auto;
background: url(../images/button_bg.png) repeat-x;
padding: 0px 5px;
line-height: 18px !important;
line-height: 16px;
height: 26px !important;
height: 24px;
margin: 1px;
}

.inputbox {
padding: 2px;
border:solid 1px #cccccc;
background-color: #ffffff;
}

.componentheading {
background: url(../images/subhead_bg.png) repeat-x;
color: #666666;
text-align: left;
padding-top: 4px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;

}

.contentcolumn {
padding-right: 5px;
}

.contentheading {
height: 30px;

color: #c64934;
font-weight: bold;
font-size: 14px;
white-space: nowrap;
}

.contentpagetitle {
font-size: 13px;
font-weight: bold;
color: #cccccc;
text-align:left;
}

table.searchinto {
width: 100%;
}

table.searchintro td {
font-weight: bold;
}

table.moduletable {
width: 100%;
margin-bottom: 5px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}

div.moduletable {
padding: 0;
margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3 {
background: url(../images/subhead_bg.png) repeat-x;
color: #666666;
text-align: left;
padding-left: 4px;
height: 21px;
line-height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
margin: 0 0 2px 0;
}

table.moduletable td {
font-size: 11px;
padding: 0px;
margin: 0px;
font-weight: normal;
}

table.pollstableborder td {
padding: 2px;
}

.sectiontableheader {
font-weight: bold;
background: #f0f0f0;
padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
background-color : #ffffff;
}

.sectiontableentry2 {
background-color : #f9f9f9;
}

.small {
color: #999999;
font-size: 11px;
}

.createdate {
height: 15px;
padding-bottom: 10px;
color: #999999;
font-size: 11px;
}

.modifydate {
height: 15px;
padding-top: 10px;
color: #999999;
font-size: 11px;
}

table.contenttoc {
border: 1px solid #cccccc;
padding: 2px;
margin-left: 2px;
margin-bottom: 2px;
}

table.contenttoc td {
padding: 2px;
}

table.contenttoc th {
background: url(../images/subhead_bg.png) repeat-x;
color: #666666;
text-align: left;
padding-top: 2px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}

a.mainlevel:link, a.mainlevel:visited {
display: block;
background: url(../images/menu_bg.png) no-repeat;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #ccc;
text-align: left;
padding-top: 5px;
padding-left: 18px;
height: 20px !important;
height: 25px;
width: 100%;
text-decoration: none;
}

a.mainlevel:hover {
background-position: 0px -25px;
text-decoration: none;
color: #fff;
}

a.mainlevel#active_menu {
color:#fff;
font-weight: bold;
}

a.mainlevel#active_menu:hover {
color: #fff;
}

a.sublevel:link, a.sublevel:visited {
padding-left: 1px;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #c64934;
text-align: left;
}

a.sublevel:hover {
color: #900;
text-decoration: none;
}

a.sublevel#active_menu {
color: #333;
}

.highlight {
background-color: Yellow;
color: Blue;
padding: 0;
}
.code {
background-color: #ddd;
border: 1px solid #bbb;
}

form {
/* removes space below form elements */
margin: 0;
padding: 0;
}

div.mosimage {
border: 1px solid #ccc;
}

.mosimage {
border: 1px solid #cccccc;
margin: 5px
}

.blog {
width: 100%;
}

.mosimage_caption {
margin-top: 2px;
background: #efefef;
padding: 1px 2px;
color: #666;
font-size: 10px;
border-top: 1px solid #cccccc;
}

span.article_seperator {
display: block;
height: 1.5em;
}

Was mache ich falsch? muss ich noch andere Dateien anpassen?

Danke für die Hilfe, ich habe leider im Forum ausser die .blog Hilfe nichts gefunden, und der hilft auch nicht..

**upstream** · 04.04.2006 16:12

Ich vermute mal die Breite wird mitunter in der index.php des Templates festgelegt. Viel einfacher wäre es, wenn du uns einen Link zu der Live-Site posten würdest statt eine komplette css von der niemand weiss wozu diese gehört und wie dein 'zerreissen' aussieht.

**adrenaliniv** · 04.04.2006 16:52

Ups, ja gerne

www.expert-va.ch

Danke nochmals

**upstream** · 05.04.2006 06:52

Hallo Schweizer.

Schau mal in die index.php deines Templates. Da steht:

<body>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="808">

und diese 808 definieren die Breite der 'Seite'. Wenn du hier jetzt etwas änderst, denke daran dies auch bei den innenliegenden div-Boxen (im css) zu tun.

**adrenaliniv** · 05.04.2006 07:33

Hallo Steinmaurer, das sind ja blos etw 10km differenz.. lol Die Welt ist klein..

Naja bin gerade etwas überfordert, bastle erst seit kurzem in php. Erstelle gerade eine Virual Airline Site, muss noch zwei Pirep Systeme mit der Joomla Datenbank mergen "sehrschwitz" und eben die breite..

Naja den eintrag den Du geschrieben hast finde ich definitiv nicht.. und das phpforum kennt auch keine Lösung auf mein Hauptproblem zur Zeit, zwei Abfragen aus zwei Tabellen zu machen.. *sehrrauch..

Gruess us em Rafzerfeld..

**adrenaliniv** · 10.04.2006 12:54

Ich krieg das mit der Breite einfach nicht in den Griff..

die seite ist www.expert-va.ch

**upstream** · 10.04.2006 13:00

Schau mal in die Datei
http://www.expert-va.ch/templates/rh...e_ii/index.php

Da sollte das drin stehen.

**Stony85** · 10.04.2006 13:11

@ Ewi:

ich habe das selbe Problem mit der Breite!
meine Page www.location-j.de aber in der index.php steht nichts mit width!

**upstream** · 10.04.2006 13:16

@stony

Bei dir sind alle (fast) alle Breiten im css definiert. Schau mal die Einträge bei
/* ############## LAYOUT CONTAINER SETTINGS ############### */ an

**Stony85** · 10.04.2006 13:20

und welchen teil in der CSS genau???

* ############## LAYOUT CONTAINER SETTINGS ############### */
#layout_container {
position : relative;
width : 980px;
background : none;
border : 0px solid #000;
float : center;
}

#header_container {
float : left;
width : 980px;
height : 205px;
background : url(../images/ianus_header.jpg) no-repeat;
border : 0px solid #000;
}

#topmenu_container {
position : absolute;
top : 29px;
left : 24px;
width : 932px;
height : 19px;
background : none;
border : 0px solid #000;
text-align : left;
}

#path_container {
position : absolute;
top : 121px;
left : 165px;
width : 795px;
background : none;
border : 0px solid #000;
text-align : left;
}

#sitename_container {
position : absolute;
top : 98px;
left : 165px;
width : 795px;
background : none;
border : 0px solid #000;
text-align : left;
font-size : 18px;
color : #d3d3d3;
font-weight : bold;
}

#content_container {
display : block;
float : left;
background : #fff url(../images/ianus_ltile.gif) repeat-y;
border : 0px solid #000;
width : 980px;
min-height : 370px;
}

*html #content_container {
height : 370px;
}

.modul_header {
display : block;
float : left;
width : 210px;
height : 37px;
background : url(../images/ianus_modulhead.gif) repeat-y;
border : 0px solid #000;
}

.modul_container {
float : left;
width : 210px;
background : url(../images/ianus_modultile.gif) repeat-y;
border : 0px solid #000;
}

.modul_content {
width : 194px;
float : left;
background : none;
border : 0px solid #000;
margin-left : 8px;
}

*html .modul_content {
margin-left : 4px;
}

.modul_footer {
display : block;
float : left;
width : 210px;
height : 110px;
background : url(../images/ianus_modulfooter.gif) repeat-y;
border : 0px solid #000;
}

#mainbody {
margin-top : 10px;
background : none;
border : 0px solid #000;
text-align : left;
padding : 0px 0px 0px 0px;
}

#abstand {
display : block;
float : left;
height : 10px;
width : 2px;
}

#main_container {
float : left;
background : #515151;
padding : 0px 0px 0px 0px;
border : 0px solid #000;
}

#main_left {
background : url(../images/ianus_mainleft.gif) left repeat-y;
width : 12px;
}

#main_right {
background : url(../images/ianus_mainright.gif) right repeat-y;
width : 12px;
}

#main_header {
background : url(../images/ianus_contenthtile.gif) repeat-x;
border : 0px solid #000;
height : 38px;
}

#main_header-left {
background : url(../images/ianus_contenthleft.gif) bottom no-repeat;
border : 0px solid #000;
width : 33px;
height : 38px;
float : left;
}

#main_header-welcome {
background : none;
border : 0px solid #000;
line-height : 38px;
float : left;
}

#main_header-right {
background : url(../images/ianus_contenthright.gif) left bottom no-repeat;
border : 0px solid #000;
width : 33px;
height : 38px;
float : right;
}

#main_footer {
background : url(../images/ianus_contentftile.gif) repeat-x;
border : 0px solid #000;
height : 110px;
}

#main_footer-left {
background : url(../images/ianus_contentfleft.gif) no-repeat;
border : 0px solid #000;
width : 52px;
height : 110px;
float : left;
}

#main_footer-middle {
background : url(../images/ianus_contentfmiddle.gif) center no-repeat;
border : 0px solid #000;
height : 110px;
}

#main_footer-right {
background : url(../images/ianus_contentfright.gif) no-repeat;
border : 0px solid #000;
width : 52px;
height : 110px;
float : right;
}

#footer_container {
position : relative;
display : block;
width : 980px;
height : 63px;
float : left;
border : 0px solid #000;
background : url(../images/ianus_lfooter.gif) no-repeat;
}

Thema: Breitere Frontpage

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Breitere Frontpage

Erhielt Danksagungen von:

Ähnliche Themen

Microsoft Frontpage Vorlage

"Welcome" auf Frontpage mit anderer Überschrift unmöglich?

Frontpage anpassen (Public vs. Registred)

Frontpage abschalten bzw. mit Ezine ersetzen

Probleme mit Frontpage

Lesezeichen

Lesezeichen

Berechtigungen