 |
|
|
|
|
| Autor |
Nachricht |
Blue Virus
Anmeldungsdatum: 30.10.2005
Beiträge: 4
|
Verfasst am:
09.11.2005, 17:34 |
|
also ich hab ein problem mit meiner .css file .
im inet wird die seite richtig angezeigt aber im firefox fehlt eine farbe.
also meine ich das ich im .css etwas nicht eindeutig definiert habe und das der inet trotzdem hernimmt und es dann doch hinbekommt.
aber leider komme ich nicht drauf.
ich hänge den code an und hoffe das sich einer die zeit nimmt und es mal durchliest.
gibt es programme die so ein file auf fehler durchsuchen kann ?
die seite dazu ist unter www.newsglobe.de zu finden.
aber bitte noch nicht auf den content schauen der kommt noch und ist noch im aufbau bis wir die programmierung abgeschlossen haben.
THX
| Code: |
/*===== copyright by newsglobe.de =====*/
#sports_darkred {
background:#773B2C;
}
#sports_darkgreen{
background:#43772C;
}
/*
===== 1: global elements =====
*/
/* remove margin and padding widths from all elements. */
*{padding: 0; margin: 0}
/* generic alignments */
.alignleft{text-align: left}
.aligntop{vertical-align: top}
.alignright{text-align: right}
.aligncenter{text-align: center}
.alignmiddle{vertical-align: middle}
/* generic floats */
.floatleft{float: left}
.floatright{float: right}
.clearboth{clear: both}
p,
li,
td,
label{
line-height: 120%;
color: #DDE6F5
}
li{
display: inline;
list-style-type: none
}
/*
===== 2: html and body =====
*/
html{
min-width: 960px
}
/* Set font size and give a white background to all elements */
body{
font: 13px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
text-align: center;
padding-top: 10px;
color: #C4D3FA;
background: #2C3B5D
}
/*
===== 3: typography =====
*/
/* global headings */
h1,h2,h3{
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-weight: normal;
border: 0;
color: #424242;
background: transparent
}
h1{
font-size: 22px;
margin: 0 0 .3em 0;
padding-left: 36px;
padding-bottom: 6px;
color: #CED5E2;
background: transparent url(images/bg-h1.gif) no-repeat top left
}
.h2box{
margin-bottom: 8px;
background: #FFA000 url(images/bg-h2.gif) repeat-x top left
}
.h2suffix{
float: right;
width: 7px; height: 27px;
background: transparent url(images/h2-suffix.gif) no-repeat top left
}
.h2box h2{
float: left;
font-size: 13px;
font-weight: normal;
padding: 4px 0 5px 12px;
margin: 0 0 0 0;
color: #000;
background: transparent url(images/h2-prefix.gif) no-repeat top left
}
h2.standard{
font-size: 14px;
color: #FFF;
margin-bottom: .4em;
padding: 0;
border: 0;
background: transparent;
}
h3.icon{
font-size: 16px;
font-weight: bold;
padding-left: 25px;
color: #CED5E2;
display: inline;
background: transparent url(images/bg-h3small.png) no-repeat center left;
}
/* content headings */
#sidebar h3,
.news h3{
height: auto;
font-size: 12px;
margin: 0 .6em 5px .5em;
padding: 0 0 0 18px;
color: #CED5E2;
background: transparent url(images/bg-h3small.png) no-repeat center left;
}
#sidebar h3 a{
color: #FEBB14
}
.news h3 a:link,
.news h3 a:visited{
color: #FFBB00;
}
.news h3 a:hover{
border: 0;
color: #FFF;
}
#sidebar h3 a:hover, #sidebar p a{
border: none;
color: #FFF;
padding: 0;
}
.shadybox h3{
height: auto;
margin: .8em .6em .5em 0;
padding: 0;
border: 0;
background: transparent
}
.notewrap h2, .errorwrap h2{
font-size: 130%;
padding-left: .5em
}
/* paragraphs */
p,
li,
td,
th{
font: 11px/130% verdana, helvetica, sans-serif;
}
#sidebar p,
.news p{
font-size: 11px;
margin: 0 .6em 0 .6em;
padding: 5px 0 5px 0;
color: #B2C1E1;
background: transparent
}
.news p{
padding: 0;
}
#lcol1 p,
#leftcol2 p,
#centercol p,
#fullcol p{
margin-bottom: 1em;
}
#sidebar p:hover{
color: #FFF
}
#footer p{
float: left;
text-align: center;
width: 960px;
margin: 10px 0 0 0;
color: #B2C1E1;
}
/* links */
a:link,
a:active,
a:visited{
text-decoration: none;
color: #FFBB00
}
a:hover{
color: #FFF;
}
/*
===== 4: layout =====
*/
#splash-head{
width: 960px;
height: 327px;
margin: 0 auto 0 auto;
background: #3A65BC url(images/homehead.jpg) no-repeat top left
}
#contentwrap{
text-align:left;
width: 960px;
height: auto;
padding: 240px 0 0 0;
margin: 0 auto 0 auto;
background: #1B2641 url(images/homehead.jpg) no-repeat top left
}
#fauxmargin{
margin: 0 9px 0 9px
}
#lcol1,
#leftcol2,
#centercol,
#rcol,
#fullcol{
padding: 1em 0 1em 0;
}
#lcol1,
#leftcol2 {
float: left;
margin-right: 9px;
width: 680px;
background: transparent
}
#centercol {
float: left;
width: 240px
}
#rcol {
float: right;
width: 240px;
margin-left: 9px;
background: transparent
}
#fullcol {
width: 100%;
}
#footer{
clear: both;
height: 35px; width: 960px;
margin-left: auto; margin-right: auto;
margin-bottom: 1em;
border-top: 1px solid #000;
background: #161F35
}
/*
===== 5: main navigation =====
*/
.submenu-container{
position: absolute;
top: 0; left: 0;
padding-top: 28px;
text-align: center;
width: 100%;
background: transparent;
}
#sub-container{
font-size: 12px;
text-align: center;
color: #000;
background: transparent
}
#submenu{
width: 760px;
margin: 0;
margin-left: auto;
margin-right: auto;
}
#sub-container a:link,
#sub-container a:visited{
color: #000;
}
#sub-container a:hover{
border-bottom: 0;
}
/*
===== 7: images =====
*/
/* SIDEBAR */
#sidebar {
width: 238px;
border: 1px solid #7FA5E4;
padding-top: 1em;
background: #20428B url(images/bg-sidebar.gif) repeat-x top left
}
li.feature{
font-size: 12px;
line-height: 1.5em;
display: block;
color: #B2C1E1
}
.newstop{
width: 240px; height: 7px !important;
margin: 0;
background: transparent url(images/cbox-top.png) no-repeat top left
}
.news{
width: 240px;
background: #2C3B5D url(images/bg-cbox.png) repeat-y top left
}
.newsbottom{
width: 240px; height: 10px;
margin-bottom: 6px;
background: transparent url(images/cbox-bottom.png) no-repeat top left
}
/* SHARED BORDERS */
.shadybox {
width: 100%;
margin: 1em 0 1em 0;
padding: 10px 0 10px 0;
border: 5px solid #2C3B5D;
background: #2C3B5D
}
.shadybox p {
margin: 0 .6em .6em .6em;
}
.shadybox img{
margin: 0 6px 0 6px !important;
}
.shadybox ul {margin: .5em}
.shadybox li {
display: block;
font-size: 11px;
line-height: 1.2em;
margin-bottom: .7em;
color: #E0EAFF;
}
.boldtext{font-weight: bold}
/* HACKS */
.clearfix:after {
clear: both;
height: 0;
content: ".";
display: block;
visibility: hidden
}
.clearfix {display: block}
* html .clearfix {height: 1%}
.errorwrap{
border: 1px solid #992A2A;
background: #F2DDDD;
}
.clearboth{
clear: both;
height: 1px;
} |
|
|
|
|
 |
|
|
 |
|
|
|
Nächstes Thema anzeigen
Vorheriges Thema anzeigen Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst deine Beiträge in diesem Forum bearbeiten. Du kannst deine Beiträge in diesem Forum löschen. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
| | |