zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Ansicht Firefox und IE

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.01.2008, 22:10
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.01.2008
Beiträge: 24
Eiskristall befindet sich auf einem aufstrebenden Ast
Standard Ansicht Firefox und IE

Hallo ich habe das bekannte Problem einmal andersrum. Im IE 6 wird die Seite so angezeigt, wie sie sein soll. Im Firefox allerdings nicht.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>cucina-casalinga</title> 
<style type="text/css" media="screen">
	/* CSS Layout Gestaltung */
	/* Seitenhintergrund*/
	body {
		margin: 0; padding: 0; 
		background-color: #FFCC99;
	}
	
	/* Kompletter Container der mit Inhalt gefüllt wird*/
	#container{
	/*margin: 1em auto;*/
	width: 80%;
	background-color: #990000;
	}
	
	/*Hier wird die erste Kopfzeile integriert*/
	#header1{
	border-bottom: 1px solid #fff;
	background-color: black;
	position: relative;
	}
	
	/*Hier wird die zweite Kopfzeile integriert*/
	#header2{
	border-bottom: 1px solid #fff;
	background-color: black;
	}	
		
	#mainnav {
		border-bottom: 1px solid #fff;
		background-color: black;
	}
			
	#content {
		margin:0;
		padding:0;
		float: left;
		background-color:#990000;
		margin-left: 150px;
		margin-top:-30%;
		height:150px;
		width:600px;
	}
	
	/*Fusszeile*/
	#footer {
		clear: both;
		color: #272900;
		background-color: black;
	}

	#header1 h1{
	margin: 0;
	padding:0;
	font: 250% "Comic Sans MS";
	text-align: center;	
	color: #990000;
	
	}

/* headerstyling Header2 Untertitel */  
	#header2 h1{
	margin: 0;
	padding:0;
	font: 150% "Comic Sans MS";
	text-align: center;	
	color: #990000;
	
	}
/* Menugestaltung */
	 #menu {
		 background-color:#000000;
		 width:15%;
		 margin:20px 0 0 0;
		 padding:30px 0;
	 }
	
	#menu ul {
		list-style:none;
		margin:0;
		padding:0;
	}

	#menu li {
		margin:0;
		padding:0;
	}
	
	#menu a:link, #menu a:visited {
		height:1em;
		display:block;
		margin:10px 0;
		padding:0.75em 0.75em 0.75em 1.5em;
		background-color:#DAD4A6;
		background:#DAD4A6 url(br_corner_link.gif) bottom right no-repeat;
		text-decoration:none;
	}
	
	#menu a:hover {
		border-color:#AFBCA0;
		background-image:url(br_corner_hover.gif);
	}
	
	html>body #nav a:link, #nav a:visited {
	height:auto;
}
		
	/*Schrift für das Menu*/
	#menu p {
		line-height: 100%; 	
		font-family: "Comic Sans MS";
		font-size: 100%;
		margin: 0;
		padding: 0;		
		font-style: normal;
		color: #990000;
	}
	
	#content p{
		font-family:"Comic Sans MS";
		font-size: 120%;
		color: black;
		
	}
	
</style>
</head>

<div id="container">
 	<div id="header1"><h1>Cucina-casalinga<br>ItalienZuhause</h1></div>
 	<div id="header2"><h1>Feine Kost und guter Wein in Ihrem Ambiente</h1></div> 
	<div id="mainnav">x</div> 
		 <div id="menu">
		 	<ul><li><a href="index.htm"><p>Startseite</p></a></li><li><a href="profil.htm"><p>&Uuml;ber uns:</p></a></li><li><a href="#"><p>Angebot:</p></a></li><li><a href="#"><p>Leistungen</p></a></li><li><a href="#"><p>Anl&auml;sse:</p></a></li><li><a href="#"><p>Kontakt</p></a></li><li><a href="#"><p>Impressum</p></a></li></ul>			 	 
		 </div>		
	<div id="content">
		<p>Wir sind ein kleines Familienunternehmen und m&ouml;chten Sie und Ihre G&auml;ste mit mediterraner K&uuml;che verw&ouml;hnen.</br></br></br>
		Wir legen großen Wert auf die Qualit&auml;t und Frische unserer Zutaten und Produkte. </br></br>
		Alles wird hausgemacht, frisch zubereitet oder in Ihrer K&uuml;che gekocht.</p>
	</div>
	<div id="footer">footer</div>
</div>
</body>
</html>
Kann mir jemand auf die Sprünge helfen?

Gruß
Eiskristall
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.01.2008, 02:54
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.930
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Wenn du es online stellst, klar ...
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 17.01.2008, 08:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.01.2008
Beiträge: 24
Eiskristall befindet sich auf einem aufstrebenden Ast
Standard

Hi,

äh ich kann nicht richtig folgen ?
Mit Zitat antworten
  #4 (permalink)  
Alt 17.01.2008, 09:10
Benutzerbild von Rupper
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 16.01.2008
Ort: Obersöchering
Beiträge: 183
Rupper wird schon bald berühmt werden
Standard

wenn du einen link zu deiner website reinstellst kann man deine seite online betrachten und nach dem fehlverhalten ausschau halten
__________________
Alles was man weiß, wird nur dann wertvoll wenn man es mit anderen teilt ...
Mit Zitat antworten
  #5 (permalink)  
Alt 17.01.2008, 09:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.01.2008
Beiträge: 24
Eiskristall befindet sich auf einem aufstrebenden Ast
Standard


Oh Man, ist noch ein bißchen früh heute morgen.

http://www.homepagebasis.de/cucinacasalinga/profil.htm

BN: luigi
PW: toscana
Mit Zitat antworten
  #6 (permalink)  
Alt 17.01.2008, 09:26
Benutzerbild von Rupper
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 16.01.2008
Ort: Obersöchering
Beiträge: 183
Rupper wird schon bald berühmt werden
Standard

fast

ich kann nicht auf deine website, da ein benutzername / passwort verlangt wird...

.htaccess aus deinem ordner rausnehmen

<!-- war wohl ne kurze nacht...und dann so früh am morgen -->
__________________
Alles was man weiß, wird nur dann wertvoll wenn man es mit anderen teilt ...
Mit Zitat antworten
  #7 (permalink)  
Alt 17.01.2008, 09:48
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.930
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Ich befürchte, dein CSS ist etwas durcheinander von den Breitenangaben.

Du gibst dem äußeren DIV eine Größe von 80% vor - soweit, so gut.

Jetzt willst du dem Inhaltsdiv #content aber eine Breite von 600px + 150px geben - woher willst du wissen, ob das jetzt in die 80% "reinpasst"?

Deine Navigationsleiste soll 15% groß sein ... aber 15% sind nicht 150px, das kann also auch nicht wirklich passen.

Dass der IE das jetzt "richtig" anzeigt, ist eher Zufall und falsch. Benutze durchgehend korrekt passende Angaben (prozentual oder fest), dann klappts auch mit allen Browsern.

@Rupper: Die Zugangsdaten hat er doch dazu geschrieben, Schlafmütze
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
  #8 (permalink)  
Alt 17.01.2008, 10:07
Benutzerbild von Rupper
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 16.01.2008
Ort: Obersöchering
Beiträge: 183
Rupper wird schon bald berühmt werden
Standard

hupps äh.... sry...

sonst kann ich Boris nur zustimmen
__________________
Alles was man weiß, wird nur dann wertvoll wenn man es mit anderen teilt ...
Mit Zitat antworten
  #9 (permalink)  
Alt 17.01.2008, 10:43
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.01.2008
Beiträge: 24
Eiskristall befindet sich auf einem aufstrebenden Ast
Standard

Jo, das ist doch mal ne Ansage.


Werde heute nachmittag nochmal von der grünen Wiese aus anfangen. Wäre doch wohl gelacht. Die Tipps mit den Angaben werde ich mir auf alle Fälle zu Herzen nehmen.

DANKE und Grüße
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 17.01.2008, 11:22
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Zitat:
#menu { width:15%; ...}
#content { float: left; margin-left: 100px;}

<div id="menu"></div>
<div id="content"></div>
... und dann schau dir nochmals an, welchen Bereich du floaten läßt.
Mit Zitat antworten
Sponsored Links
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
Aufklappbare Menüs, Ansicht Firefox & IE FuXXz CSS 1 15.11.2008 15:19
Synchroner XMLHttpRequest und Firefox reagiert nicht mehr kristian Javascript & Ajax 3 05.08.2008 16:10
Probleme ANsicht IE6+7 - Firefox sensken (X)HTML 2 07.12.2007 15:29
Firefox 1.5 Beta 1 Pablo Offtopic 19 13.09.2005 18:56
Bitte testen mit Firefox und IE (Vergleich!) Spider Site- und Layoutcheck 8 23.09.2004 22:38


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:35 Uhr.