CSS-Dateien auslagern? (Anleitung in P. Müllers Buch „Websites erstellen mit Contao“)

**helmut64** · 23.04.2012, 22:00

Jep, die homepage liegt noch auf meinem Rechner

meine screen.css (bildschirm.css)

Code:

@media screen {
/* Style sheet bildschirm */
html{ overflow-y: scroll; }
body {
    background-color: #f7f2f2;
    font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif; 
    font-size: 81.25%
}
#wrapper{
    background-color:#ccc;
}
/* Rahmenlinien oben und unten */
#container{
  margin-right:8px;
  margin-left:8px;
}  
#header{
    border-top:2px solid #3c3c3c;
    border-bottom:1px solid #3c3c3c;
    background: rgb(181,189,200); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
}
/* Headerbereich das Logo ausrichten */
#header img{
    position:absolute;
    top:-58px;
    left:16px;
}
/* Headerbereich, die Überschrift ausrichten und definieren */
#header p{
    margin-top:54px;
    text-align:center;
    font-size:26px;
    font-weight:bold;
    color:#c80a28;
}
#left .inside{
    margin-top:8px;
    margin-right:8px;
    margin-bottom:8px;
}
#right .inside{
    margin-top:8px;
    margin-left:8px;
    margin-bottom:8px;
}
/* Rahmenlinien links und rechts */
#main{
    min-height:300px;
    padding-top: 8px;
    padding-right:10px;
    padding-left:10px;
    background-color:#f7f2f2;
    border-right:1px solid #3c3c3c;
    line-height:1.7;
    border-left:1px solid #3c3c3c;
}
.pdf_link {
  float:right;
  width: auto;
  margin-left: 10px;
}
/* ======================================
   Kontaktformular gestalten
   ====================================== */

form#kontaktformular {
  line-height: 1;
  background-color: #ADCBE6;
  padding: 0 18px 18px 18px;
  border-top: 1px solid #89ADCD;
  border-bottom: 1px solid #89ADCD;
  margin: 0 0 2em 0;
}
#kontaktformular label {
  display: block;
  cursor: pointer;
  margin: 18px 0 3px 0;
}
#kontaktformular .checkbox_container label {
  display: inline;
  position: relative;
  bottom: 2px;
}
#kontaktformular .checkbox_container {
  margin-top: 1em;
}
#kontaktformular input,
#kontaktformular textarea {
  padding: 3px;
}
#kontaktformular input:focus,
#kontaktformular textarea:focus {
  background-color: #ECECEC;
  color: #000;
}
#kontaktformular p.error {
  background: #FFC0CB; /* pink */
  color: #000;
  max-width: 400px;
  padding: 3px;
  border: 1px solid #f00; /* rot */
  margin-bottom: 3px;
}

/* Rahmenlinien oben und unten */
#footer{
    text-align:center;
    border-top:1px solid #3c3c3c;
    border-bottom:2px solid #3c3c3c;
    background: rgb(181,189,200); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
}
/* Footerbereich, die Sschrift ausrichten und definieren */
#footer p{
    padding-top:11px;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    color:#fff;
}
/* Minikalender in Sidebar */
.startseite table.minicalendar {
  width:98%;
  border-collapse: collapse;
}
.startseite .minicalendar thead { border: 1px solid #fff; }
.startseite .minicalendar th { font-weight: normal; }
.startseite .minicalendar th.head { padding: 6px 0; }
.startseite .minicalendar th.previous {
  text-align:left;
  padding-left:6px;
}
.startseite .minicalendar th.current { text-align:center; }
.startseite .minicalendar th.next {
  text-align:right;
  padding-right:6px;
}
.startseite table.minicalendar .label {
  font-size: 11px;
  text-align:center;
  font-weight:normal;
  padding-bottom:1px;
}
.startseite .minicalendar td {
  text-align:center;
  width:14%;
  padding: 2px 0;
  border-right:1px solid #fff;
  border-bottom:1px solid #fff;
}
.startseite .minicalendar td.col_first {
  border-left: 1px solid #fff
}
/*Ende @media screen */
}

***xchs*** · 23.04.2012, 22:07

Wie Du auch selbst siehst, gibt es in den Selektoren der betreffenden Formatdefinitionen eine CSS-Klasse "startseite". Ist einem HTML-Element in Deinem Markup irgendwo diese Klasse zugewiesen?

Wird das Stylesheet im Quelltext der Seite eingebunden?

**helmut64** · 23.04.2012, 22:28

Danke für deine rasche Antwort!!

Habe nun die .startseite eingefügt - nix ist passiert :-(

Ich fasse die 3 css-sheets in die zentrale.css zusammen und habe den Eintrage im Seitenlayout gemacht (<link href="tl_files/template_wb/zentrale.css" rel="stylesheet" type="text/css" />)

Tja, vielleicht sollte ich mal 1:1 wie im Buch vorgehen, da ich ja noch ein contao-frischling bin....Joomla ist zwar nicht so flexibel, dafür hat man als Anfänger weniger Fehlerquellen *gg*

DANKE für deine Unterstützung

Gruß aus Vienna

***xchs*** · 23.04.2012, 22:34

In den Seiteneigenschaften der Startseite sollte im entsprechenden Feld für die CSS-Klasse "startseite" stehen (allerdings ohne den führenden Punkt "." des Klassenselektors). Sorry, aber ohne den Quelltext zu sehen, kann man nur Rumraten.

**helmut64** · 23.04.2012, 22:54

http://localhost/wb/contao/preview.php
http://localhost/wb/contao/switch.php
http://localhost/wb/system/scripts/020892e0a082.css

Code:

@media screen{
/* Contao Open Source CMS :: Copyright (C) 2005-2012 Leo Feyer :: LGPL license */
.styled_select{display:inline;margin-top:1px;position:absolute;background:#fff;border:1px solid #b8b8b8;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:0 0 0 6px;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:12px;text-align:left;line-height:20px;white-space:nowrap;overflow:hidden}.styled_select.focused{background-color:#ebfdd7}.firefox .styled_select{line-height:21px}.win.firefox .styled_select{line-height:22px}.tl_subpanel .styled_select{font-size:11px;line-height:18px}.firefox .tl_subpanel .styled_select{line-height:19px}.win.firefox .tl_subpanel .styled_select{line-height:20px}.styled_select b{display:block;width:15px;height:100%;position:absolute;top:0;right:0;border-left:1px solid #b8b8b8;background:#eee;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;background-image:-moz-linear-gradient(center bottom,#ccc 0,#eee 60%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ccc),color-stop(0.6,#eee));background-image:-o-linear-gradient(bottom,#ccc 0,#eee 60%);background-image:-ms-linear-gradient(top,#ccc 0,#eee 60%);background-image:linear-gradient(top,#ccc 0,#eee 60%)}.styled_select b i{display:block;width:100%;height:100%;background:url("../../plugins/stylect/images/select.gif") center center no-repeat}
}
@media screen{
/* Contao Open Source CMS :: Copyright (C) 2005-2012 Leo Feyer :: LGPL license */
html,body,form,pre,figure{margin:0;padding:0}img{border:0}a,b,body,cite,div,em,h1,h2,h3,h4,h5,h6,i,label,legend,li,ol,p,strong,td,th,u,ul{font-family:Verdana,sans-serif}fieldset,form,input,optgroup,select,textarea{font-family:"Trebuchet MS",Verdana,sans-serif}a,body,div,label,legend,li,ol,p,td,th,ul,fieldset,form,input,optgroup,select,textarea{font-size:11px;color:#666966}fieldset,form,input,optgroup,select,textarea{font-size:12px}h1,h2,h3,h4,h5,h6{font-size:12px;color:#666966}table{border-spacing:0;border-collapse:collapse}th,td{padding:0;text-align:left}.tl_small{font-size:9px}.tl_small,.tl_gray{color:#a3a3a3}.tl_green{color:#8ab858}.tl_red{color:#c55}.tl_blue{color:#5c9ac9}.tl_orange{color:#f90}span.mandatory{color:#f00}a{color:#666966;text-decoration:none}a:hover,a:focus,a:active{color:#8ab858}hr{height:1px;margin:18px 0;border:0;background:#ddd;color:#ddd}p{margin:0 0 12px;padding:0}ul.sortable,ul.sortable li{margin:0;padding:0;list-style-type:none}ul.sortable li{cursor:move}.clear{clear:both;height:.1px;line-height:.1px;font-size:.1px}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}optgroup{padding-top:3px;padding-bottom:3px;font-style:normal;background:#fff}fieldset.tl_checkbox_container,fieldset.tl_radio_container{border:0;margin:15px 0 1px;padding:0}fieldset.tl_checkbox_container{line-height:14px}fieldset.tl_checkbox_container legend,fieldset.tl_radio_container legend{font-weight:bold;margin:0;padding:0}fieldset.checkbox_container,fieldset.radio_container{border:0;margin:0;padding:0}.tl_text,.tl_text_2,.tl_text_3,.tl_text_4,.tl_textarea{margin:1px 0}.tl_text{width:314px}.tl_text_2{width:152px}.tl_text_3{width:99px}.tl_text_4{width:72px}.tl_textarea{width:680px;height:240px}.tl_text_unit{margin:1px 0;width:250px}.tl_text_trbl{margin:1px 0;width:55px}.tl_text_interval{margin:1px 0;width:152px}.tl_text,.tl_text_2,.tl_text_3,.tl_text_4,.tl_textarea,.tl_text_unit,.tl_text_trbl,.tl_text_interval{border:1px solid #b8b8b8;padding:2px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.mac .tl_text,.mac .tl_text_2,.mac .tl_text_3,.mac .tl_text_4,.mac .tl_textarea,.mac .tl_text_unit,.mac .tl_text_trbl,.mac .tl_text_interval{padding:3px 2px}.tl_text:focus,.tl_text_2:focus,.tl_text_3:focus,.tl_text_4:focus,.tl_textarea:focus,.tl_text_unit:focus,.tl_text_trbl:focus,.tl_text_interval:focus{background-color:#ebfdd7}pre,.tl_textarea.monospace{font-family:"Andale Mono",monospace;font-size:12px}.tl_textarea.monospace:focus{background:0}.tl_select,.tl_mselect,.tl_select_column{margin:1px 0}.tl_box .tl_select,.tl_tbox .tl_select,.tl_box .tl_mselect,.tl_tbox .tl_mselect{width:320px}.tl_select_column{width:140px}.tl_select_unit{margin:1px 0;width:60px}.tl_select_interval{margin:1px 0;width:158px}.tl_select,.tl_mselect,.tl_select_column,.tl_select_unit,.tl_select_interval{border:1px solid #b8b8b8;padding:1px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.mac .tl_select,.mac .tl_mselect,.mac .tl_select_column,.mac .tl_select_unit,.mac .tl_select_interval{padding:2px 1px}.tl_checkbox{margin:1px 3px 0 0;vertical-align:bottom}.mac .tl_checkbox{margin:0 3px 0 0}.tl_tree_checkbox{margin:0 3px 0 0}.tl_checkbox_single_container{margin:16px 0 1px}.tl_checkbox_single_container label{font-weight:bold}.tl_checkbox_container label{display:block;margin:-14px 0;padding-left:20px}.tl_checkbox_container label:last-child{margin-bottom:0}.checkbox_toggler{font-weight:bold}.checkbox_toggler_first{font-weight:bold;margin-top:3px}.checkbox_toggler img,.checkbox_toggler_first img{vertical-align:top;position:relative;top:-2px;margin-right:3px}.checkbox_options{margin:0 0 6px 21px!important}.tl_radio{margin:1px 3px 0 0;vertical-align:bottom}.tl_tree_radio{margin:0 3px 1px 0;vertical-align:middle}.safari .tl_radio,.safari .tl_tree_radio{margin-left:1px}.tl_radio_table{margin:2px 0 1px}.tl_radio_table td{padding:0 24px 1px 0}.tl_radio_table img,.tl_radio_table input{vertical-align:middle}.tl_upload_field{margin:1px 0}.tl_submit{padding:5px 12px 5px 13px;border:1px solid #b8b8b8;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#666966;cursor:pointer;line-height:1;text-shadow:1px 1px 0 #eee;background:#eee;background-image:-moz-linear-gradient(center bottom,#ccc 0,#eee 60%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ccc),color-stop(0.6,#eee));background-image:-o-linear-gradient(bottom,#ccc 0,#eee 60%);background-image:-ms-linear-gradient(top,#ccc 0,#eee 60%);background-image:linear-gradient(top,#ccc 0,#eee 60%)}.firefox .tl_submit{padding:2px 12px 2px 13px}.opera .tl_submit{padding:4px 12px 4px 13px}.tl_submit:focus,.tl_submit:hover{box-shadow:0 0 3px #aaa}.tl_submit:active{color:#bbb;box-shadow:0 0 6px #999}.tl_submit:disabled{cursor:default;background:#ddd;text-shadow:none;color:#999;box-shadow:none}.clr{clear:both;overflow:hidden}.w50{width:50%;float:left;height:72px}.w50 .tl_help{margin-right:24px}.wizard .tl_text{width:290px}.wizard .tl_text_2{width:140px}.long .tl_text{width:657px}.m12{margin:12px 0}.cbx{height:48px}.inline div{display:inline}
}
@media screen{
/* Contao Open Source CMS :: Copyright (C) 2005-2012 Leo Feyer :: LGPL license */
html,body{background:#333633}a,body,div,form,input,selectlabel,p{color:#333633}p{margin-bottom:0;font-weight:bold}#container{height:22px;margin:0 0 2px;padding:3px 6px 6px 12px;overflow:hidden;background:#ffc;line-height:1}#left{width:22%;float:left;padding:7px 0 5px}#right{width:78%;float:right;text-align:right}img.close{padding-left:3px;vertical-align:-1px;cursor:pointer}.tl_select{margin:1px 9px 1px 0;padding:1px;border:1px solid #b8b8b8}#ctrl_user{width:24%}input,select,label{vertical-align:baseline}.tl_submit{padding-top:4px;padding-bottom:4px}.firefox .tl_submit{padding-top:2px;padding-bottom:2px}.opera .tl_submit{padding-top:3px;padding-bottom:3px;margin-top:1px}.chrome .tl_submit,.safari .tl_submit{position:relative;top:-1px}.ie7 #container{padding:2px 6px 6px 12px}.ie7 #left{padding:7px 0 5px}.ie7 input,.ie7 select,.ie7 label{vertical-align:middle}
}

http://localhost/wb/
http://localhost/wb/system/scripts/f...f-2e4c3f8f.css

Code:

@charset "UTF-8";
#wrapper{width:960px;margin:0 auto;}
#left{width:182px;}
#right{width:182px;}
#main{margin-left:182px;margin-right:182px;}

http://localhost/wb/system/scripts/contao-861adc9f.css

Code:

@charset "UTF-8";
/* Contao Open Source CMS :: Copyright (C) 2005-2012 Leo Feyer :: LGPL license */
body{margin:0;padding:0;font-size:100.01%;text-align:left;position:relative}select,input,textarea{font-size:99%}form{margin:0;padding:0}img{border:0}#left{float:left}#right{float:right}#main{width:auto;position:relative}.inside{position:relative;text-align:left}.block{overflow:hidden}.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block;text-align:left}.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden}*+html #main{position:static}header,footer,nav,section,aside,article,figure,figcaption{display:block}

http://localhost/wb/system/scripts/m...1-686e69dc.css

Code:

@charset "UTF-8";
/* mediaboxAdvanced - black theme */
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayFF{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVQ4jWNgYGA4Q2U8auCogaMGjho4auDINBAA7qY+0Ll3hc0AAAAASUVORK5CYII=) repeat}#mbOverlay.mbOverlayIE{position:absolute}#mbCenter{position:absolute;z-index:9999;left:50%;overflow:hidden;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.50);-khtml-box-shadow:0 5px 20px rgba(0,0,0,0.50);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.50);box-shadow:0 5px 20px rgba(0,0,0,0.50);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=180,Color='#000000')}#mbCenter.mbLoading{background:#000 url(data:image/gif;base64,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) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbImage{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat;padding:10px}#mbBottom{min-height:20px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#999;text-align:left;padding:0 10px 10px}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:bold;line-height:20px;font-size:12px}#mbNumber{display:inline;color:#999;line-height:14px;font-size:10px;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:14px;font-size:10px}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:normal}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:bold;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:16px;line-height:14px;font-weight:bold}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:bold;text-decoration:underline}

http://localhost/wb/tl_files/template_wb/zentrale.css

Code:

/* Zentrales Stylesheet */

@import url(basic.css);

@import url(screen.css);

@import url(navi.css);

/* Ende */

http://localhost/wb/tl_files/template_wb/basic.css

Code:

@media screen {

/**

 * Contao Open Source CMS

 * Copyright (C) 2005-2011 Leo Feyer

 *

 * Formerly known as TYPOlight Open Source CMS.

 *

 * This program is free software: you can redistribute it and/or

 * modify it under the terms of the GNU Lesser General Public

 * License as published by the Free Software Foundation, either

 * version 3 of the License, or (at your option) any later version.

 * 

 * This program is distributed in the hope that it will be useful,

 * but WITHOUT ANY WARRANTY; without even the implied warranty of

 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU

 * Lesser General Public License for more details.

 * 

 * You should have received a copy of the GNU Lesser General Public

 * License along with this program. If not, please visit the Free

 * Software Foundation website at <http://www.gnu.org/licenses/>.

 *

 * PHP version 5

 * @copyright  Leo Feyer 2005-2011

 * @author     Leo Feyer <http://www.contao.org>

 * @license    LGPL

 * @version    1.1

 */



/* Reset margins */

body,div,h1,h2,h3,h4,h5,h6,p,blockquote,figure,pre,code,ol,ul,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea {

	margin:0;

	padding:0;

}



/* Format basic elements */

table {

	border-collapse:collapse;

	border-spacing:0;

}

caption,th,td {

	text-align:left;

	vertical-align:top;

}

abbr,acronym {

	font-variant:normal;

	border-bottom:1px dotted #666;

	cursor:help;

}

blockquote,q {

	quotes:none;

}

fieldset,img {

	border:0;

}

li {

	list-style-type:none;

}

sup {

	vertical-align:text-top;

}

sub {

	vertical-align:text-bottom;

}

del {

	text-decoration:line-through;

}

ins {

	text-decoration:none;

}

a {

	color:#333;

}

:focus {

	outline:0;

}



/* Font settings */

body {

	font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L;

	font-size:12px;

	color:#000;

}

input,button,textarea,select {

	font-family:inherit;

	font-size:100%;

	font-weight:inherit;

}

pre,code {

	font-family:"Lucida Console",Monaco,monospace;

	font-size:12px;

}

h1,h2,h3,h4,h5,h6 {

	font-size:99%;

	font-weight:normal;

}

h1 {

	font-size:22px;

}

h2 {

	font-size:20px;

}

h3 {

	font-size:18px;

}

table {

	font-size:inherit;

}

caption,th {

	font-weight:bold;

}



/* Default margins */

h1,h2,h3,h4,h5,h6 {

 margin-top: 0;

}

h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form {

margin-bottom: 13px;

/* Should match the font size */

}

/*Ende @media screen */

}

http://localhost/wb/tl_files/template_wb/screen.css

Code:

ï»¿@media screen {

/* Style sheet bildschirm */

html{ overflow-y: scroll; }

body {

    background-color: #f7f2f2;

    font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif; 

    font-size: 81.25%

}

/* Restaurierung der Listen */

ol,ul { margin-bottom:1.5em; }

li { margin-left:2em; }

ul li { list-style: square; }

ol li { list-style: decimal; }

#wrapper{

    background-color:#ccc;

}

/* Rahmenlinien oben und unten */

#container{

  margin-right:8px;

  margin-left:8px;

}  

#header{

    border-top:2px solid #3c3c3c;

    border-bottom:1px solid #3c3c3c;

    background: rgb(181,189,200); /* Old browsers */

    background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */

    background: linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */

}

/* Headerbereich das Logo ausrichten */

#header img{

    position:absolute;

    top:-58px;

    left:16px;

}

/* Headerbereich, die Ãœberschrift ausrichten und definieren */

#header p{

    margin-top:54px;

    text-align:center;

    font-size:26px;

    font-weight:bold;

    color:#c80a28;

}

/* Rahmenlinien links und rechts */

#main{

    min-height:300px;

    padding-top: 8px;

    padding-right:10px;

    padding-left:10px;

    background-color:#f7f2f2;

    border-right:1px solid #3c3c3c;

    line-height:1.7;

    border-left:1px solid #3c3c3c;

}

/* Rahmenlinien oben und unten */

#footer{

    text-align:center;

    border-top:1px solid #3c3c3c;

    border-bottom:2px solid #3c3c3c;

    background: rgb(181,189,200); /* Old browsers */

    background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */

    background: linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */

}

/* Footerbereich, die Sschrift ausrichten und definieren */

#footer p{

    padding-top:11px;

    text-align:center;

    font-size:12px;

    font-weight:bold;

    color:#fff;

}

.pdf_link {

  float:right;

  width: auto;

  margin-left: 10px;

}

/* Inhaltstabellen */

.ce_table table {

  background-color: #d9d9d9;

  border-collapse: collapse;

  border-bottom: 2px solid #bbb;

  margin-bottom: 1em;

}

.ce_table thead {

  background-color: #fff;

  color: #000;

  border-top: 2px solid #bbb;

  border-bottom: 1px solid #bbb;

}

.ce_table tr.odd {

  background-color: #fff;

}

.ce_table td, .ce_table th {

  font-size: 11px;

  padding: 0.5em 1em;

}



/* Akkordeons */

#right .ce_accordion {

  width: 142px;

  float: right;

  border: 1px solid #d9d9d9;

}

.ce_accordion .toggler {

  cursor: pointer;

  background: #d9d9d9;

  padding: 0.25em 0.5em;

}

.ce_accordion .accordion div {

  font-size: 11px;

  padding: 0.75em 0.5em;

}

.ce_accordion .toggler {

  background: #d9d9d9 url("plus.gif") no-repeat left center;

  padding: 0.25em 0.5em 0.25em 1.5em;

}

.ce_accordion .toggler.active {

  background: #d9d9d9 url("minus.gif") no-repeat left center;

}



/* ======================================

   Kontaktformular gestalten

   ====================================== */



form#kontaktformular {

  line-height: 1;

  background-color: #ADCBE6;

  padding: 0 18px 18px 18px;

  border-top: 1px solid #89ADCD;

  border-bottom: 1px solid #89ADCD;

  margin: 0 0 2em 0;

}

#kontaktformular label {

  display: block;

  cursor: pointer;

  margin: 18px 0 3px 0;

}

#kontaktformular .checkbox_container label {

  display: inline;

  position: relative;

  bottom: 2px;

}

#kontaktformular .checkbox_container {

  margin-top: 1em;

}

#kontaktformular input,

#kontaktformular textarea {

  padding: 3px;

}

#kontaktformular input:focus,

#kontaktformular textarea:focus {

  background-color: #ECECEC;

  color: #000;

}

#kontaktformular p.error {

  background: #FFC0CB; /* pink */

  color: #000;

  max-width: 400px;

  padding: 3px;

  border: 1px solid #f00; /* rot */

  margin-bottom: 3px;

}



/* ======================================

   Startseite gestalten

   ====================================== */

.startseite .float_news,

.startseite .float_termine {

  float: left;

  width: 300px;

  font-size: 11px;

  background: #d9d9d9 url("graydient.jpg") repeat-x left top;

  padding: 3px 9px 9px 9px;

  border-top: 1px solid #999;

  margin-top: 13px;

  margin-right: 18px;

}

.startseite .float_news h2,

.startseite .float_termine h2 {

  font-size: 14px;

  font-weight: bold;

  padding: 0;

  margin: 0.5em 0;

}

.startseite #right {

  background: #d9d9d9 url("graydient.jpg") repeat-x

              left top;

  padding: 0 8px;

  border: 1px solid #999;

  border-right: none;

  border-left: none;

  margin: 0 0 1em 2em;

}

.startseite #right h2 {

  font-size: 12px;

  font-weight: bold;

  padding: 3px;

  padding-left: 0;

  border: none;

  margin: 2em 0 1em 0;

}

/* Minikalender in Sidebar */

.startseite table.minicalendar {

  width:98%;

  border-collapse: collapse;

}

.startseite .minicalendar thead { border: 1px solid #fff; }

.startseite .minicalendar th { font-weight: normal; }

.startseite .minicalendar th.head { padding: 6px 0; }

.startseite .minicalendar th.previous {

  text-align:left;

  padding-left:6px;

}

.startseite .minicalendar th.current { text-align:center; }

.startseite .minicalendar th.next {

  text-align:right;

  padding-right:6px;

}

.startseite table.minicalendar .label {

  font-size: 11px;

  text-align:center;

  font-weight:normal;

  padding-bottom:1px;

}

.startseite .minicalendar td {

  text-align:center;

  width:14%;

  padding: 2px 0;

  border-right:1px solid #fff;

  border-bottom:1px solid #fff;

}

.startseite .minicalendar td.col_first {

  border-left: 1px solid #fff

}

/*Ende @media screen */

}

http://localhost/wb/tl_files/template_wb/navi.css

Code:

@media screen {

/* ========================

   Vertikale Navigation 

   ===================== */

     

#left div.mod_navigation {

  float: left;

  width: 142px;

  font-size: 12px;

  margin: 32px 0;

}

#left .mod_navigation ul{

  background-color: #ccc;

  padding: 0;

  margin: 0;

}

#left .mod_navigation li{

  margin: 0;

  list-style-type: none;

}

/* Menuepunkte gestalten */

#left .mod_navigation a,

#left .mod_navigation span {

  display: block;

  text-decoration: none;

  background-color: #878787;

  color: #000;

  padding: 8px 8px 8px 18px;

  border-top: 1px solid #fff;

}

/* Rollover und TAB-Fokus */

#left .mod_navigation a:hover,

#left .mod_navigation a:focus {

  background: #4b4b4b;

  color: #fff;

}

/* Aktiven Menuepunkt hervorheben */

#left .mod_navigation span.active,

#left .mod_navigation .trail {

  background: #4b4b4b;

  color: #fff;

}

/* Unterpunkte links einrücken */

#left .mod_navigation li li a,

#left .mod_navigation li li span {

    margin-left:18px;

}

/* Hervorhebung für Unterpunkte */

#left .mod_navigation li li a:hover,

#left .mod_navigation li li a:focus {

    background-color:#4b4b4b;

    color:#fff;

}

/* Alle Links im aktiven Listenelement einfärben */

#left .mod_navigation .submenu a {

    background-color:#969696;

    color:#000;

}

/* ==============

   Metanavigation

   ============== */

#header .mod_customnav  {

position: absolute; 

right: 18px; 

top: -44px; 

font-size: 12px; 

}

#header .mod_customnav li {

  float: left;

  width: auto;

  list-style-type: none;

  margin: 0 ;

}

#header .mod_customnav a,

#header .mod_customnav span {

  display: block;

  text-decoration: none;

  color: #fff;

  padding: 4px ;

  margin-left: 9px;

}

#header .mod_customnav a:hover,

#header .mod_customnav a:focus {

  background: #4b4b4b;

  color: #000;

}

#header .mod_customnav span.active {

  background-color: #4b4b4b;

  color: #000;

}



/* =================

   Sitemap gestalten

   ================= */

.mod_sitemap ul ul { margin-bottom: 0; }



.mod_sitemap li {

  list-style-type: none;

  margin-left: 0; /* 1. Ebene ohne Einzug links */

}

.mod_sitemap li li { margin-left: 1.5em; } /* linker Einzug */



.mod_sitemap a { text-decoration: underline; }

.mod_sitemap a:link {color:#000; }

.mod_sitemap a:hover; }

.mod_sitemap a:active {color:#c80a28; }

.mod_sitemap .level_1 a { font-weight: bold; }

.mod_sitemap .level_2 a { font-weight: normal; }



} /* Ende @media */

DANKE für deine Hilfe!

Gruß

Helmut64

**pmmueller** · 24.04.2012, 17:32

Helmut, du hast dir mit dem Posten des gesamten Quelltextes viel Mühe gemacht, aber ich glaube nicht, dass sich jemand das genauer anschaut. Ich für meinen Teil jedenfalls nicht. Allerhöchstens einen flüchtigen Blick. Sorry.

Ansonsten dauert das viel zu lange, das alles zu lesen und in Gedanken zusammenzubauen.

Und es ersetzt eine Analyse des Live-Quelltextes in keinster Art und Weise. Was xchs meint ist der Live-Quelltext. Dort sind es wenige Klicks ins HTML und ins CSS um zu sehen, warum deine Styles nicht akzeptiert werden.

**pustefix** · 17.07.2013, 14:37

Hallo miteinander,

ich häng mich hier mal dran:

Ich hab in meinem ersten Contaoprojekt (Vers. 2.9.4, fürn Update werd ich nicht bezahlt...) dummerweise mit einem eigenem Template gearbeitet.

Seis drum, um Browswerbugs zu optimieren habe ich spezifische Css-dateien je nach Browser implementiert (spreche nur vom IE).

Im Template eingebunden habe ich Sie so:

HTML-Code:

<link rel="STYLESHEET" type="text/css" href="tl_files/name/css/name.css" />
  <!--[if IE 6]>
    <style type="text/css">@import url(tl_files/name/css/name_ie6.css);</style>
  <![endif]-->  
  <!--[if IE 7]>
    <style type="text/css">@import url(tl_files/name/css/name_ie7.css);</style>
  <![endif]-->
  <!--[if IE 9]>
    <style type="text/css">@import url(tl_files/name/css/name_ie9.css);</style>
  <![endif]-->  
  <!--[if IE 10]>
    <style type="text/css">@import url(tl_files/name/css/name_ie10.css);</style>
  <![endif]-->

Funktioniert auch bestens, nur nicht beim IE10, woran kann das liegen?

Die Erweiterung browsercss zeigt mir, das der Browser auch als 10er erkannt wird.

Danke schonmal und beste Grüße

pustefix

**MacKP** · 17.07.2013, 14:47

Hallo pustefix,
guckst du : http://de.wikipedia.org/wiki/Conditional_Comments
Besonders:

Bei der Verwendung des standardkonformen Modus entfällt im Internet Explorer ab Version 10 die Möglichkeit, Conditional Comments zu nutzen.

Du solltest das mit Klassen regeln können (der Body bekommt in Contao spezifische Klassen für jeden Browser.. einfach mal im Quellcode gucken).

Viele Grüße

**pustefix** · 17.07.2013, 15:46

Cool,

werd ich mir anschaun.

Das mit den Klassen im Body hab ich durch die Erweiterung BrowserCSS geregelt, da die Ausgabe des Browsers bei Vers. 2.9.4. von Contao ja noch nicht mitgeliefert wird. Konnte aber, wie ich oben schrieb, im Quelltext sehen, dass IE10 verwendet wird.

Danke nochmal, werd mich morgen drum kümmern

LG

**pustefix** · 18.07.2013, 09:47

Ich nochmal:

alles bestens, hat geklappt, das mit den Conditional Comments im IE10 wusste ich noch nicht.

Man kann alt werdn wie ne Kuh, man lernt immer noch dazu...

Danke und liebe Grüße!