✔ Seite mit CSS ladet extrem langsam!

Gabi · 25. November 2002

Hi,

ich hab mal eine Seite mit CSS gemacht. Diese Seite braucht aber
zum laden extrem lang! Warum? Was kann man denn da falsch machen?

Wenn ich die Seite ganz normal mit HTML Angaben mache, gehts wunderbar schnell!

Liebe Grüße
Gabi

Daniel Mannheimer · 25. November 2002

ein bisschen mehr input(codezeilen) würde vielleicht helfen

Gabi · 25. November 2002

Hi,

ich darf mal den ganzen CSS Code hier rein kopieren.
Also ich seh da keinen Fehler. *grübel*

Code:

/* Menü Box  */

TR.color1
{
	background-color : #EFE3C5;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #4E3805;
}

/* Willkommens Seite */

TD.justy 
{
	background-color : #EFE3C5;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-align : justify;
}

/* Seite wenn Portal geschlossen ist  */

TD.justyclosed 
{
	background-image : url(img/fontcenter.jpg);
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-align : justify;
	background-repeat : no-repeat;
	background-position : center;
}

/* Background  Menuleiste */

TD.menueleiste 
{
	background-image : url(img/header.gif);
	color: #EFE3C5;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
}

/* Hintergrund der Boxtiteln  */

TD.boxtitle
{
	background-image : url(img/newstd.gif);
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	background-color : transparent;

}

/* Tabellen zwei Farben  (Registrieren, Forum usw.)  */

TD.color1
{
	background-color : #EFE3C5;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #4E3805;
}

TD.color2
{
	background-color : #E4D8BB;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #4E3805;
}

/* Tabellen mit kleiner Schrift  */

TD.klein
{
	background-color : #EFE3C5;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #4E3805;
	font-weight : normal;
}

/* kleine schrift für "in Forum suchen  */

TD.kleinforum
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #4E3805;
	font-weight : normal;
}

/* Boxenrahmen links / rechts  */

TD.box
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #4E3805;
	border-left : 1px solid #A99777;
	border-right : 1px solid #A99777;
}

TD.box1
{
    background-color : #EFE3C5;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #4E3805;
	border-left : 1px solid #A99777;
	border-right : 1px solid #A99777;
}

TD.boxbottom
{
	background-color : #EFE3C5;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #4E3805;
	border-left : 1px solid #A99777;
	border-bottom : 1px solid #A99777;
}

TD.boxbottom1
{
	background-color : #EFE3C5;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #4E3805;
	border-right : 1px solid #A99777;
	border-bottom : 1px solid #A99777;
}

/* Tabelle Rahmen Boxen mitte */

TABLE.boxes
{
	background-color : #EFE3C5;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	border : 1px;
	border-color : #A99777;
	border-style : solid;
}

/*  Gästebuch  */

TABLE.gb
{
	background-color : #EFE3C5;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	border : 1px;
	border-color : #D6C7AD;
	border-style : solid;
}

TD.gb
{
	background-color : #F7EED8;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
}

TD.boxgb
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #4E3805;
	border-left : 1px solid #D6C7AD;
}

/* Tabelle Rahmen Kalender  */

TABLE.cal
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	border : 1px;
	border-color : #E4D8BB;
	border-style : solid;
}

/* Horizontale Linie gestrichelt  */

HR.dot
{
	color : #A99777;
	border :  dotted;
}

/* Horizontale Linie normal  */

HR
{
	color : #A99777;
}


.lycos
{
	 background-image : url(http://www.fontcenter.at/images/links/lycoslogo.jpg);
	 background-repeat : repeat;
	 border: 1px solid #A99777;
    color: #755407;
    font-family: Verdana, Arial;
    font-size: x-small;
    text-align: left;
    scrollbar-face-color: #A99777;
	scrollbar-shadow-color: #D8C5A8;
	scrollbar-highlight-color: #D8C5A8;
	scrollbar-3dlight-color: #D8C5A8;
	scrollbar-darkshadow-color: #D8C5A8;
	scrollbar-track-color: #D8C5A8;
	scrollbar-arrow-color: #755407;
}

.textbox
{
	background: transparent;
	background-color: #FFFFFF;
	color: #755407;
	font-family: Verdana, Arial;
	font-size: x-small;
	text-align: left;
	scrollbar-face-color: #A99777;
	scrollbar-shadow-color: #D8C5A8;
	scrollbar-highlight-color: #D8C5A8;
	scrollbar-3dlight-color: #D8C5A8;
	scrollbar-darkshadow-color: #D8C5A8;
	scrollbar-track-color: #D8C5A8;
	scrollbar-arrow-color: #755407;
	border-left : 1px solid #A99777;
	border-right : 1px solid #A99777;
	border-bottom : 1px solid #A99777;
	border-top : 1px solid #A99777;
}
.textbox2
{ 
  background: transparent;
  background-color: #FFFFFF;
  border: 1px solid #A99777;
  color: #755407;
  font-family: Verdana, Arial;
  font-size: x-small;
  text-align: left;
 scrollbar-face-color: #A99777;
	scrollbar-shadow-color: #D8C5A8;
	scrollbar-highlight-color: #D8C5A8;
	scrollbar-3dlight-color: #D8C5A8;
	scrollbar-darkshadow-color: #D8C5A8;
	scrollbar-track-color: #D8C5A8;
	scrollbar-arrow-color: #755407;
}
.button
{
	background-image : url(img/newstd.gif);
	color: #EFE3C5;
	font-family: Verdana, Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	border : 1px solid #000000;
}

.button2
{
 background-image : url(img/newstd.gif);
	color: #EFE3C5;
	font-family: Verdana, Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	border : 1px solid #000000;
}
.button3

{
  background-image : url(img/newsbak.gif);
  color: #755407;
  font-family: Verdana, Arial;
  font-size: 10px; 
  font-style: normal; 
  font-weight: bold;
  text-align: center;
  border : 1px solid #000000;
}

BODY
{
	color : #4E3805;
	scrollbar-face-color: #A99777;
	scrollbar-shadow-color: #D8C5A8;
	scrollbar-highlight-color: #D8C5A8;
	scrollbar-3dlight-color: #D8C5A8;
	scrollbar-darkshadow-color: #D8C5A8;
	scrollbar-track-color: #D8C5A8;
	scrollbar-arrow-color: #755407;
	margin-bottom : 5px;
	margin-left : 5px;
	margin-right : 5px;
	margin-top : 5px;
	background-image : url(img/newsbak.gif);
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	background-color : transparent;
}

.menuleiste:link
{
  COLOR: #EFE3C5;
  TEXT-DECORATION: none
}
.menuleiste:active
{
  COLOR: #EFE3C5;
  TEXT-DECORATION: none
}
.menuleiste:visited 
{
  COLOR: #EFE3C5;  
  TEXT-DECORATION: none
}
.menuleiste:hover
{
  COLOR: #EFE3C5;
  TEXT-DECORATION: underline
}
.menu:link
{
	COLOR: #755407;
	TEXT-DECORATION: none
}
.menu:active
{
	COLOR: #755407;
	TEXT-DECORATION: none
}
.menu:visited 
{
	COLOR: #755407;
	TEXT-DECORATION: none
}
.menu:hover 
{
	COLOR: #755407;
	TEXT-DECORATION: none
}
.other:link
{
	COLOR: #4E3805;
	TEXT-DECORATION: none;
}
.other:active
{
	COLOR: #4E3805;
	TEXT-DECORATION: none;
}
.other:visited 
{
	COLOR: #4E3805;
	TEXT-DECORATION: none;
}
.other:hover 
{
	COLOR: #4E3805;
	TEXT-DECORATION: underline;
}
A:link
{
	COLOR: #4E3805;
	TEXT-DECORATION: none;
}
A:active
{
	COLOR: #4E3805;
	TEXT-DECORATION: none;
}
A:visited
{
	COLOR: #4E3805;
	TEXT-DECORATION: none;
}
A:hover
{
	COLOR: #4E3805;
	TEXT-DECORATION: underline;
}

/*  Linkfarbe für einloggen (Menüleiste)  */

A:link.logg
{
	COLOR: #755407;
	TEXT-DECORATION: none;
}
A:active.logg
{
	COLOR: #755407;
	TEXT-DECORATION: none;
}
A:visited.logg
{
	COLOR: #755407;
	TEXT-DECORATION: none;
}
A:hover.logg
{
	COLOR: #755407;
	TEXT-DECORATION: underline;
}

Daniel Mannheimer · 25. November 2002

fehler sind auf den ersten blick keine zu erkennen, aber ein wenig umfangreich ist das stylesheet schon

Gabi · 25. November 2002

meinst Du das der Umfang des style sheets das Problem ist?

Daniel Mannheimer · 25. November 2002

könnte schon sein, bei über 400 zeilen.

Gabi · 25. November 2002

hmm ...
dann sollte ich mir was überlegen!

Vielen Dank für Deine Hilfe!

Schöne Grüße
Gabi

Daniel Mannheimer · 25. November 2002

kollege fatility meint, dass das css nicht daran schuld wäre.

Gabi · 25. November 2002

was könnte es denn dann sein?

Gabi

René Paschold · 25. November 2002

wenn ich die Seite ganz normal mit HTML Angaben mache, gehts wunderbar schnell!

Also ohne StyleSheet ?

✔ Seite mit CSS ladet extrem langsam!

Gabi

Erfahrenes Mitglied

Daniel Mannheimer

Erfahrenes Mitglied

Gabi

Erfahrenes Mitglied

Daniel Mannheimer

Erfahrenes Mitglied

Gabi

Erfahrenes Mitglied

Daniel Mannheimer

Erfahrenes Mitglied

Gabi

Erfahrenes Mitglied

Daniel Mannheimer

Erfahrenes Mitglied

Gabi

Erfahrenes Mitglied

René Paschold

Erfahrenes Mitglied

Neue Beiträge