zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Browser Kompatibilität Problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.01.2014, 16:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.01.2014
Beiträge: 2
fliflaflow befindet sich auf einem aufstrebenden Ast
Standard Browser Kompatibilität Problem

Hi,

bin ganz neu in dem Bereich HTML und hoffe mir kann hier geholfen werden.

Habe ein Gerüst für ne Website gebaut auf Chrome und Opera alles ok bei Firefox und dem IE schaut es aber so aus als ob er die css gar nicht liest.

Wuste nicht richtig wie ich im netz danach suchen sollte und das was ich gefunden habe

Waren irgendwelche dubiosen Sachen mit Datei umbenennen und wieder zurück.

Ich nehme auch gerne links über das Thema Browser Kompatibilität bevorzugt auf Deutsch.

Danke im Voraus und grüße.

HTML-Code:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name=Author content="Florian Weber" >
<meta name=description content="" >
<link rel="stylesheet" type="txt/css" href="css/style.css" >
</head>

<body>
	<div id="wrapper">
    	
    	<div id="header-box">
        	<div id="logo-1">
            </div>
            <header>
           
            </header>
            <div id="logo-2">
            </div>
            <div id="logo-3">
            </div>
            <nav id="navigation-oben">
           		<ul class="link">
            		<li><a href="test1">Trompete</a></li>
                	<li><a href="test2">Gitarre</a></li>
                	<li><a href="test3">Tenorhorn</a></li>
           		</ul>
            </nav>
        </div>
    	<div id="content-wrapper">
        	<nav id="navigation-links">
            	<ul>
            		<li><a href="test1">Trompete</a></li>
                	<li><a href="test2">Gitarre</a></li>
                	<li><a href="test3">Tenorhorn</a></li>
           		</ul>
            </nav>
        	<content>
            	<a><h2>Von des vorwarts hof unbeirrt launigen zwischen</h2>

<p>Haften handen baumen wisset ja em da. Ins ein ige sogar weste wesen. Duse da ging neue da. Bett um hier darf eine oden te ward. Begleitete arbeitsame tat geschwatzt ist todesfalle ins. Gelernt wu schritt bosheit pa da dunklen wo. Rabatten ku lauschte tadellos entgegen zugvogel es es erzahlen. Trillern nur bis zinnerne auf befehlen schonste. Bibel sei angst tal ihr nun gehen. En se bilderbuch bugeleisen dachkammer ku ei.</p>

<p>Gedichte sog ige achtzehn herunter mir sei. Em etwas klare abend wo statt. Zitterte sag sie kraftlos zwischen. Der stockwerke tor das tat besonderes eigentlich. Flecken tun starkem stiefel familie war. Gegen alten empor nahen ans denen das man. Ruhig aus herum dir hinab ach davon. Aus ruhen wills sehen bis zur.</p>

<p>Besann winter dieses im hinter schade gelben er. Erstaunen des verharrte leuchtete tor als liebhaben aufstehen nah. En sa zwirn genug klage trost lagen wu wo ernst. Getafel erzahlt ob da mi je hubsche kratzts meister dritten. Wie hause des recht mag durch auf gluck finde. Hab fur ihre soll also eile flei. Tat was tod namlich lustige gro kapelle. Geh sei dazwischen sag ubelnehmen hoffnungen nur. Nur tun auf neues solle eia knulp jetzt denkt einem. Zierliche senkrecht ort naturlich hab blo.</p> </a>
            </content>
        </div>
    	
	</div>
</body>
</html>


Code:
@charset "utf-8";
/* CSS Document */

*{
margin: 0px;
padding: 0px;
}

html, body{
background: #F0f0f0;
}
/**********************************************************************/

#wrapper{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto; 
	width: 1000px;
	border: solid 1px #000;
	height: 600px;
	background:#FFF;
}
/**************************haed************************************/

#header-box{
	width: 900px;
	height: 180px;
	margin-left: 50px;
	margin-top: 10px;
	float: left;
}

#logo-1{
	width: 89px;
	height: 89px;
	background-image: url(../images/logo1.png);
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	float: left;
}
#header-box header{
	height: 89px;
	width: 85%;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	font-size: 300%;
	background-image:url(../images/florianweber.png);
	background-repeat:no-repeat;
	line-height: 200%;
	float: left;
}

#logo-2{
	width: 89px;
	height: 89px;
	background-image: url(../images/logo2.png);
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	float: left;
}
#logo-3{
	width: 89px;
	height: 89px;
	background-image: url(../images/logo3.png);
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	float: left;
}
/*************************Navigation oben horizontal *************************/

#navigation-oben{
	height: 89px;
	width: 75%;
	border-top: 1px solid #000;
	float:left;
}

.link li{
	list-style:none;
	float: left;
}

.link li a{
	width: auto
	height: 90px;
	display: block;
	text-decoration: none;
	color: #000;
	line-height: 50px;
	float:left;
	font-size:23px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:20px;
	padding-right:20px;
}

.link li a:hover{
	text-shadow: #c0c0c0 3px 3px 5px;
}
/*************************Navigation links vertikal *************************/
#content-wrapper{
	float:left;
	display:block;
}
#navigation-links{
	width: 139px;
	height: 410px;
	border-right: 2px solid #000;
	float: left;
}
#navigation-links li{
	list-style:none;
	float: left;
}

#navigation-links li a{
	width: 139px;
	height: 90px;
	display: block;
	text-decoration: none;
	color: #000;
	line-height: 90px;
	float:left;
	font-size:23px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left: 10px;
}
#navigation-links li a:hover{
	text-shadow: #c0c0c0 3px 3px 5px;
}
/******************Contend bereich ***********************/
content{
	width:829px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}
Angehängte Dateien
Dateityp: zip Musikschule.zip (149,1 KB, 1x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 04.01.2014, 17:12
Benutzerbild von cebito
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.07.2009
Ort: Dresden
Beiträge: 688
cebito sorgt für eine eindrucksvolle Atmosphärecebito sorgt für eine eindrucksvolle Atmosphäre
Standard

Niemand wird dein .zip herunterladen, stell es beim nächsten Mal also bei einem Freehoster ein.

Zum Problem, ohne jetzt weiter zu schauen, du gibst hier den Type falsch an
Code:
type="txt/css"
richtig muss es "text/css" heißen. Manche Browser ignorieren sowas, andere eben nicht.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 04.01.2014, 17:32
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.01.2014
Beiträge: 2
fliflaflow befindet sich auf einem aufstrebenden Ast
Standard

tausend Dank hatte schon Panik ich müsste alle umschreiben.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

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
background-image repeat-Firefox Problem paet1987 CSS 0 21.05.2010 15:08
Browser an Link anhängen rs-web Serveradministration und serverseitige Scripte 1 26.03.2010 18:24
Font der Überschrift ändern (Problem) artist CSS 2 07.12.2007 11:01
Browser problem nobodynhio CSS 1 29.05.2007 13:19
Problem mit Schriftgröße in Tabellen pospiech Knowledge Base 20 11.08.2005 00:12


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:30 Uhr.