zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit der Darstellung brauche dringend Hilfe!!!

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.01.2006, 19:08
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2005
Beiträge: 15
drabbit befindet sich auf einem aufstrebenden Ast
Standard Problem mit der Darstellung brauche dringend Hilfe!!!

Hallo,

wollte mir eine HP mit css machen, leider zeigt nur der IE meine Page so an wie ich es mir vorstelle...

so ist meine hp aufgebaut:


das ist der css code
Code:
body
	{
		
		text-align: center;
		background-image: url('../images/bg/bg_ncc.gif');font-style:normal; font-variant:normal; font-weight:normal; font-size:85%; font-family:arial, hevetica, sans-serif	
		}
	
	#container
	{
		margin: auto;
		align: center;
		width: 800px;
		text-align: left;
		background: #666666
	}
	
	#header
	{
		height: 150px;
		width: 800px;
		background-color: #666666;
		background-image: url('../images/header/header_ncc.jpg')
	}
	

	#menu
	{
		high: auto; 
		width: 160px;
		background-color: #666666;
		float:left;
	}
	
	
	
	#contents	
	{	
		high: auto;
		width: 640px;
		background-color: #ffffff;
		float:right
	}
	
	

	
	#abschluss	
	{
		
		align: center;
		width: 800px;
		background: url('../images/abschluss/ab_ncc.gif') no-repeat;
		margin-bottom: 15px; margin-left:auto; margin-right:auto; margin-top:auto
	}
	
	
	
	
	#footerhead	
	{
		margin: auto;
		high: 15px;
		width: 800px;
		background: url('../images/footer/ncc_head.gif') no-repeat;
	}
	
	#footertext	
	{
		margin: auto;
		align: center;
		width: 800px;
		background-color: #666666;
	}

	#footerab	
	{
		margin: auto;
		high: 15px;
		width: 800px;
		background: url('../images/footer/ncc_ab.gif') no-repeat;
	}

html code:
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>testpage</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="neudorf.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">

  <div id="header"></div> 
	 <div id="mainnav"></div>
	<div id="menu">
    

test</p>
    

test</p>
   
  </div>
	
  <div id="contents"> 
    

Test</p>
    

Test</p>
    

Test</p>
	

Test</p>
    

Test</p>
	

Test</p>
    

Test</p>
  </div>

</div>
  <div id="abschluss"></div>
  <div id="footerhead"></div>
  <div id="footertext">(c)</div>
  <div id="footerab"></div>

</body>
</html>
Hoffe ihr könnt mir weiter helfen, versuche schon lange das Problem zu lösen aber ohne Erfolg und andere foren machten mich bis jetzt auch noch nicht schlau...

Danke schon mal für eure tipps
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.01.2006, 19:30
Benutzerbild von kadees
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.06.2004
Ort: in Baden (nicht Schwaben)
Beiträge: 792
kadees wird schon bald berühmt werden
Standard

Ähm...,

könntest Du Dein Problem etwas genauer beschreiben?

Bitte lies das:

http://www.xhtmlforum.de/viewtopic.p...asc&highlight=

cu
__________________
Gruss Dieter

Vegetarier essen meinem Essen das Essen weg.
Und unsere Norweger sind reine Karnivoren.

selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 17.01.2006, 19:37
Neuer Benutzer
neuer user
 
Registriert seit: 18.12.2005
Beiträge: 23
jottlieb befindet sich auf einem aufstrebenden Ast
Standard Re: Problem mit der Darstellung brauche dringend Hilfe!!!

Zitat:
Zitat von drabbit
Hallo,

wollte mir eine HP mit css machen, leider zeigt nur der IE meine Page so an wie ich es mir vorstelle...
Das muss eigentlich umgekehrt sein, da
Code:
<?xml version="1.0" encoding="iso-8859-1"?>
den IE gerne aus dem Tritt bringt.
Mit Zitat antworten
  #4 (permalink)  
Alt 18.01.2006, 18:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2005
Beiträge: 15
drabbit befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von kadees
Ähm...,
könntest Du Dein Problem etwas genauer beschreiben?
ich könnte mein Problem genauer Beschreiben, wenn ich wüsste was mein Problem ist...

Weiß ned wie ich am besten die sachen wie zB #footer,.... in die homepage einbauen soll - also mit welchem befehl
Mit Zitat antworten
  #5 (permalink)  
Alt 18.01.2006, 18:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2005
Beiträge: 15
drabbit befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von kadees
Ähm...,
könntest Du Dein Problem etwas genauer beschreiben?
ich könnte mein Problem genauer Beschreiben, wenn ich wüsste was mein Problem ist...

Weiß ned wie ich am besten die sachen wie zB #footer,.... in die homepage einbauen soll - also mit welchem befehl
Mit Zitat antworten
  #6 (permalink)  
Alt 18.01.2006, 18:44
Benutzerbild von kadees
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.06.2004
Ort: in Baden (nicht Schwaben)
Beiträge: 792
kadees wird schon bald berühmt werden
Standard

hi,

glaube dein problem ist, dass du die menü- und content-boxen floatest und den nachfolgenden boxen kein clear mitgibst!

unter
http://jigsaw.w3.org/css-validator/v...warning=2&uri=
kannst du dein css überprüfen lassen.

habe mal eben einen blick auf's css geworfen und die gröbsten schnitzer ausgebessert:

Code:
* {margin: 0; padding: 0; border: 0;}

body
   {
	text-align: center;
	background-image: url('../images/bg/bg_ncc.gif');
	/*font-style: normal;    kanst du dir sparen!
	font-variant: normal;    kanst du dir sparen!
	font-weight: normal;     kanst du dir sparen! */
	font: 85% arial, hevetica, sans-serif;
}
   
#container {
	margin: 10px auto;
	 /*align: center;   gibt's nicht*/
	width: 800px;
	text-align: left;
	background-color: #666;
}
   
#header {
	height: 150px; /* schreibfehler */
	width: 800px;
	background: #666 url('../images/header/header_ncc.jpg');
}
   
#menu {
	height: auto; /* schreibfehler */
	width: 160px;
	background-color: #666;
	float: left;
}
   
#contents    {
	height: auto; /* schreibfehler */
	width: 640px;
	background-color: #fff;
	float: right;
}
   
#abschluss {
	/*align: center;   gibt's nicht*/
	width: 800px;
	background: url('../images/abschluss/ab_ncc.gif') no-repeat;
	margin: 15px auto;
	clear: both;
}
   
#footerhead {
	margin: auto; /* macht so keinen sinn! */
	height: 15px; /* schreibfehler */
	width: 800px;
	background: url('../images/footer/ncc_head.gif') no-repeat;
}
   
#footertext {
	margin: auto; 
	/*align: center;   gibt's nicht*/
	width: 800px;
	background-color: #666;
}

#footerab {
	margin: auto; /* macht so keinen sinn! */
	height: 15px; /* schreibfehler */
	width: 800px;
	background: url('../images/footer/ncc_ab.gif') no-repeat;
}
cu
dieter
__________________
Gruss Dieter

Vegetarier essen meinem Essen das Essen weg.
Und unsere Norweger sind reine Karnivoren.

selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS
Mit Zitat antworten
  #7 (permalink)  
Alt 19.01.2006, 18:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2005
Beiträge: 15
drabbit befindet sich auf einem aufstrebenden Ast
Standard

Danke, werd ich gleich mal versuchen...
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
Brauche Hilfe bei Steuerung Synonym123 CSS 6 14.02.2012 21:20
HILFE, ich brauche Hilfe von Profis! frambuesa CSS 13 13.06.2008 23:46
Brauche Hilfe bei barrierefreiem Formular (vorgabe durch PHP Script) DennisM CSS 4 20.05.2008 17:04
brauche mal hilfe 2 omex CSS 1 29.08.2007 13:30
benötige dringend hilfe (für euch kein problem) Olaf CSS 1 08.10.2003 11:37


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