zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Site in der Anzeige ziemlich geschrottet...?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.11.2004, 15:26
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2004
Beiträge: 22
trinix befindet sich auf einem aufstrebenden Ast
Standard Site in der Anzeige ziemlich geschrottet...?

Hallo,

der Betreff beschreibt das Problem wirklich am exaktetsten - ziemlich geschrottet.

Die betreffende Seite ist www.japday.com und wird auf meinem Rechner nach dem Hochladen total ok angezeigt (IE6), aber leider auch nur auf meinem Rechner.

Kann mir jemand sagen, wie es dazu kommen kann. Bin leider noch ziemlich anfänger und deswegen schnell mit meinem Latein am Ende.

Ich werde jetzt noch das html und css file anhängen, damit möglichst viel Infos zur Verfügung stehen.

html:
Code:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>japday.com by Christian Burkhardt</title>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="file:///D|/Webs/japday/redlined/Templates/master.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
 
</head>

<body>
<div id="navtop2" style="position:"z-index:1"> 
  <table width="100%" border="0">
    <tr>
      <td width="22%"><font color="cccccc">home</font></td>
      <td width="24%" align="right" valign="middle"><a href="ueber_mich.htm">&uuml;ber 
        mich</a></td>
      <td width="22%" align="right" valign="middle">studium</td>
      <td width="21%" align="right" valign="middle">hobbies</td>
      <td width="11%" align="right" valign="middle">fun</td>
    </tr>
  </table>
</div>
<div id="footer" style="width:588px; height:29px; z-index:1"> 
  <div align="left">
    <table width="100%" border="0">
      <tr> 
        <td width="19%">Impressum</td>
        <td width="77%">Kontakt</td>
        <td width="4%"></td>
      </tr>
    </table>
  </div>
</div>

<div id="Layer2" style="position:absolute; right:10px; top:60px; width:38px; height:21px; z-index:3">[img]Images/deutschlandg.png[/img]</div>
 
<div id="Layer3" style="position:absolute; right:10px; top:95px; width:36px; height:18px; z-index:4">[img]Images/grossbritannieng.png[/img]</div>
 
<div id="navigation_left"></div>
 
<div id="rahmen">
	
  <div id="content">  
    <h1>Hallo auf japday*.com</h1>
    

</p>
    

* japday bildet sich aus den Worten just 
      a perfect day und entstand 
      in Schottland unter dem Einwirken eines internationalen Komitees in Anlehnung 
      an das Lied von Lou Reed. </p>
     </div>
</div>

</body>
</html>

css:
Code:
/* CSS Document */

body{
	padding :0;
	margin :0;
	background-color: #474a4d;
}

#rahmen {
	width: 100%;
	height: 100%;
	margin-top: 0px; /*verschieben rahmen nach unten*/
	margin-left: 220px; /*verschieben rahmen nach rechts*/
	padding-bottom: 0.1em;
	border-top-width: 50px;
	border-top-style: solid;
	border-left-width: 3px;
	border-left-style: solid;
	border-color: #345173;
}

#content{
	margin-top: 20px;
	margin-left: 20px; /*verschiebt vertikale Linie nach rechts*/
	padding-top : 10px;
	padding-bottom : 0px; /*kürzt die Linie auf Inhaltsende*/
	padding-left : 30px; /*Abstand zwischen Text und vertikaler Linie*/
	padding-right : 20%;
}

#content h1 {
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	font-weight: normal;
	color: #cccccc;
	background-color : transparent;
}

#content h2 {
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: bold;
	color: #999999;
	background-color : transparent;
}

#content h3 {
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: bold;
	color: #cccccc;
	background-color : transparent;
}

#content p{
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	font-weight: normal;
	color: #bebeba;
	background-color : transparent;
	line-height : 140%;
}




#navigation_left{
	position: absolute;
	top: 190px;
	left: 60px;
	width: 140px;
	
}
#navigation_left a{
	font-family: "Trebuchet MS";
	font-weight: bold;
	/*/*/padding: 10px;
 	text-decoration: none;
 	line-height: 1em;
 	width: 120px;/* */
}

#navigation_left a:link, #navigation_left a:visited {
 	color: #666;
}

#navigation_left a:hover {
	color: #cccccc;
 	background-color: transparent;
}

.anchortop {
	font-family: "Trebuchet MS";
	font-size: 80%;
	font-weight: normal;
	color: #cc0033;
	text-decoration: none;
	text-align: right;
}

.anchortop a:visited {
	color: #cc0033;
}

.linkextern {
	font-family: "Trebuchet MS";
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	border-bottom:1px dotted;
	color: #AFB1AD;
}

.linkintern  {
	font-family: "Trebuchet MS";
	font-size: 100%;
	font-weight: normal;
	text-decoration: underline overline;
	color: #A60000;
}

.list {
	
	list-style-type: square;
	line-height : 120%;
	text-indent: 10px;
	font-family: "Trebuchet MS";
	font-size: 90%;
	color: #bebeba;
}

.list_2 {
	
	list-style-type: circle;
	line-height : 120%;
	text-indent: 10px;
	font-family: "Trebuchet MS";
	font-size: 100%;
	color: #bebeba;
}

#navtop2 {
	position: absolute;
	top: 13px;
	right: 20px;
	width: 550px;
	height: 20px;
}

	
#navtop2 a{
	font-family: Tahoma;
	font-size: 120%;
	font-weight: bold;
	padding: 10px;
 	text-decoration: none;
 	line-height: 1em;
 	
}

#navtop2 a:link, #navtop2 a:visited {
 	color: #334350;
}

#navtop2 a:hover {
	color: #B5C2D5;
 	background-color: transparent;
}

#footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#footer a {
	font-family: "Trebuchet MS";
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	color: #A60000;
}

#footer a:link, #footer a:visited {
		color: #A60000;
}

#footer a:hover {
	color: #cccccc;
 	background-color: transparent;
__________________
cu
trinix
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 10.11.2004, 15:40
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Pass mal deinen Pfad für die CSS-Datei an:

Code:
<link href="file:///D|/Webs/japday/redlined/Templates/master.css" rel="stylesheet" type="text/css" />
Dieser lokale Pfad hat auf dem Server nix zu suchen

Am besten du gibst ihn absolut an:
Code:
http://www.japday.com/master.css

grüsse andir
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 10.11.2004, 15:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2004
Beiträge: 22
trinix befindet sich auf einem aufstrebenden Ast
Standard

Das ging aber total fix...


Zitat:
Zitat von andir
Am besten du gibst ihn absolut an:
Code:
http://www.japday.com/master.css
Die master.css befindet sich aber auch auf dem Server im Ordner Templates. Sollte dann der Pfad nicht lieber lauten:
Code:
http://www.japday.com/Templates/master.css
?

EDIT

Vielleicht so...
Code:
<link href="http://www.japday.com/Templates/master.css" rel="stylesheet" type="text/css" />
__________________
cu
trinix
Mit Zitat antworten
  #4 (permalink)  
Alt 10.11.2004, 15:51
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Natürlich, da wo das file eben ist. (Woher soll ich das wissen )

Aber eben absolut referenziert, eben jetzt im Ordner Template.
Das ganze Link-Brimborium hatte ich mir erspart. Aber die Arbeit hattest Du ja eben gemacht.

Achja: Das schreibt man gewöhnlich so:

Code:
<link rel="stylesheet" href="http://www.japday.com/templates/master.css" type="text/css" />
andir[/code]
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #5 (permalink)  
Alt 10.11.2004, 16:02
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2004
Beiträge: 22
trinix befindet sich auf einem aufstrebenden Ast
Standard

Erstmal Danke...

Würdest Du die Site mal kurz checken und mir sagen ob sie so ungefähr wie auf diesem Screenshot aussieht?
__________________
cu
trinix
Mit Zitat antworten
  #6 (permalink)  
Alt 10.11.2004, 16:07
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Jo, so sieht sie aus, im IE und FF 1.0PR

/ot

Edit: Wollt mir gerade die "echte" 1.0 release holen, aber der Server hat mich abgewiesen:

"421345 Users are already logged in, sorry"

ot/
andir
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #7 (permalink)  
Alt 10.11.2004, 16:17
Benutzerbild von Tapsiturtle
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.07.2004
Beiträge: 196
Tapsiturtle befindet sich auf einem aufstrebenden Ast
Standard

Ordner und Dateinamen solltest du klein schreiben. Windows macht da vielleicht keinen Unterschied, Linux hingegen schon. Und fast alle Server laufen mit Linux. Außerdem ist es so einfach wenn man was ändern will.
Mit Zitat antworten
  #8 (permalink)  
Alt 10.11.2004, 16:17
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2004
Beiträge: 22
trinix befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von andir
Jo, so sieht sie aus, im IE und FF 1.0PR
OK, vielen Dank für Deine Hilfe

Zitat:
/ot

Edit: Wollt mir gerade die "echte" 1.0 release holen, aber der Server hat mich abgewiesen:
Hier eine Meldung von gestern bei zdnet.
Es scheint wirklich schlimm zu sein.
Ich werde es die nächsten Tagen aber auch wiedermal versuchen...
__________________
cu
trinix
Mit Zitat antworten
  #9 (permalink)  
Alt 10.11.2004, 17:57
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Lasst die URL bei Pfadangaben weg. Es reicht, es so zu notieren:

"/main/css/styles.css"

So geht es immer, wird immer gefunden und ist nicht URL-Abhängig
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
Sponsored Links
Antwort


Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Site speed zählt nun doch bei Google JohnB Offtopic 7 23.04.2010 14:16
Background Anzeige im IE8 Hungerturm CSS 5 20.04.2009 19:25
Formularweiterleitung von UTF-8 Site auf eine ISO Site. elTorito (X)HTML 11 22.09.2008 11:29
IE6 verkleinert Anzeige bei mouseover von Links Thies CSS 1 19.10.2005 00:22
Probleme mit Top Navigator und Anzeige im Mozilla!?!?! Patrik CSS 2 24.08.2004 16:37


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:38 Uhr.