Problem mit CSS Layout

13.10.2005, 21:04

Hi,

ich bin gerade dabei ein CSS Layout zu erstellen. Leider habe ich ein paar Fehler drinne und weiÃŸ nciht wo.
Also, es wir im IE richtig angezeigt aber in Firefox nicht. Beim Firefox steht das MenÃ¼ so weit rechts, das man nicht mal die Listenpunkte sieht.
AuÃŸerdem ist das MenÃ¼ im Textinhalt drinne. Was muss ich Ã¤ndern, das es nicht mehr so ist?

Zweite Sache:
Wie kann ich das Komplette Layout von rechts in die mitte hohlen, ohne das die Schrft dann auch zentriert ist?
Und wie mache ich es, dass das MenÃ¼ dierekt am content dran ist ohne abstand?

hier mein code:

Code:

<!doctype html public "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
  <title>Test Layout</title>
  <style type="text/css">
         #menue
         {
          width:100px;
          color:red;
          border:1px ridge #cecece;
          float:left;
         }
         #content
         {
          width:600px;
          color:blue;
          border:1px ridge #dedede;
          float:center;
         }
  </style>
</head>
<body>
<div width="700px" style="margin:0px;">
     <div id="menue">[*]Hallo[*]Hallo[*]Hallo[*]Hallo[*]Hallo
     </div>
     <div id="content">
          <h3>Hallo</h3>



          shdjksdfjhdsjkfhkjsdfhjkh

          sehjksdfhjksdhfkjhsdjkfhsdjk

          sdahkjdshfjkhdskfjhsdkjfkjsdf

     </div>
</div>
</body>
</html>

15.10.2005, 00:07

also float:center schaut etwas falsch aus, gib das mal weg

15.10.2005, 00:10

Zitat:

<!doctype html public "-//W3C//DTD HTML 4.0//EN">

Die Zeile ist eigentlich auch Schrott, sorry, aber die ist unvollständig.
Vieleicht etwas zum lesen:
http://www.carsten-protsch.de/zwisch...ype/index.html

15.10.2005, 20:14

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"
<head>
  <title>Test Layout</title>
  <style type="text/css">
         #menue
         {
          width:100px;
          color:red;
          border:1px ridge #cecece;
          float:left;
         }
         #content
         {
          width:600px;
          color:blue;
          border:1px ridge #dedede;
         }
  </style>
</head>
<body>
<div width="700px" style="margin:0px;">
     <div id="menue">[*]Hallo[*]Hallo[*]Hallo[*]Hallo[*]Hallo
     </div>
     <div id="content">
          <h3>Hallo</h3>



          shdjksdfjhdsjkfhkjsdfhjkh

          sehjksdfhjksdhfkjhsdjkfhsdjk

          sdahkjdshfjkhdskfjhsdkjfkjsdf

     </div>
</div>
</body>
</html>

so sieht jetzt mein Quellcode aus, aber die Seite wird immer noch nicht im Center angezeigt, und das Menü ist immer noch im Textfluss.

malaga · 15.10.2005, 21:43

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">
 
 
 <head> 
   <title>Test Layout</title> 
   <style type="text/css"> 
   	.center{
   		text-align:center;
   	}
   	.main{
   		width:600px; 
   		margin:0px auto;
   	}
   	.content 
		{ 
			color:blue; 
			border:1px solid #000000; 
		} 
		.menue 
		{ 
			width:100px; 
			color:red; 
			border:1px ridge #000000; 
			float:left; 
			padding:5px;
			margin:3px;
		} 
		
   </style> 
 </head> 
 
 <body> 
 <div class="center">
 	<div class="main"> 
  	<div class="menue"> 
			[*]Hallo 
			[*]Hallo 
			[*]Hallo 
			[*]Hallo 
			[*]Hallo 
     </div> 
     <div class="content"> 
			<h3>Hallo</h3>
			


				shdjksdfjhdsjkfhkjsdfhjkh
 
				sehjksdfhjksdhfkjhsdjkfhsdjk
 
				sdahkjdshfjkhdskfjhsdkjfkjsdf
 
			</p>
     </div> 
 	</div> 
 </div>
 
 </body> 
 </html>

hi malte,

so sollte es mit linux und windows funktionieren.

viel spass damit.

gruss, malaga

malaga · 15.10.2005, 21:46

und malte,

so sollte ein vernünftiger kopf in etwa aussehen!!!

Code:

<?xml version="1.0" encoding="iso-8859-1"?>

<!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>...</title> 
	<meta name="description" content="..." />
	<meta name="keywords" content="..." />
	<meta name="Abstract" content="..." />
	<meta name="page-topic" content="..." />
	<meta name="publisher" content="..." />
	<meta name="copyright" content="..." />
	<meta name="Page-type" content="..." />
	<meta name="Classification" content="..." />
	<meta name="distribution" content="..." />
	<meta name="content-language" content="German -Deutsch -de -ch -at " />
	<meta name="robots" content="index -follow -all -alle" />
	<meta name="modified" content="..." />
	<meta name="revisit-after" content="1 days" />
	<meta name="audience" content="Alle,all" />
	<meta name="Generator" content="Vim 6.3 for Linux" />
	<meta http-equiv="imagetoolbar" content="no" />
	<base href="http://...." />
	<link href="....." rel="stylesheet" type="text/css" />
</head>

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Galerie Problem...	coraplanet	PHP Tipps 2008	4	06.06.2008 13:42
Problem mit height	Party-Pix	HTML, Usability und Barrierefreiheit	3	29.03.2006 14:17
problem!!!		PHP Tipps 2006	6	08.02.2006 11:06
[Erledigt] wieder ein Problem bei phpmailer und smtp		PHP Tipps 2006	24	07.02.2006 01:07
[Erledigt] Problem mit Layout bei Firefox		HTML, Usability und Barrierefreiheit	3	14.11.2005 15:42
problem mit div's		HTML, Usability und Barrierefreiheit	2	08.11.2005 18:55
problem mit layout		Beitragsarchiv	12	13.10.2005 12:41
[Erledigt] Probleme bei Fehlerausgabe und bei Layout		PHP Tipps 2005-2	3	01.10.2005 09:26
3 Div Layout, Problem da Mitte zu lang	faragerri	HTML, Usability und Barrierefreiheit	3	11.08.2005 10:17
[Erledigt] Problem mit Backslash	Patrick Schwarz	PHP Tipps 2005-2	5	26.07.2005 09:54
Smarty und PHP-Skript Problem		PHP Tipps 2004-2	2	03.12.2004 22:27
CSS Layout problem mit IE		HTML, Usability und Barrierefreiheit	6	02.11.2004 15:37
Problem mit Layout		PHP Tipps 2004	7	27.09.2004 15:24
Problem mit alter JavaScript-Funktion	woods	PHP Tipps 2004	1	13.08.2004 13:34
[Erledigt] Problem mit Tabelle und Layout		HTML, Usability und Barrierefreiheit	13	10.08.2004 19:22

13.10.2005, 21:04
Gast Beiträge: n/a	Problem mit CSS Layout Hi, ich bin gerade dabei ein CSS Layout zu erstellen. Leider habe ich ein paar Fehler drinne und weiÃŸ nciht wo. Also, es wir im IE richtig angezeigt aber in Firefox nicht. Beim Firefox steht das MenÃ¼ so weit rechts, das man nicht mal die Listenpunkte sieht. AuÃŸerdem ist das MenÃ¼ im Textinhalt drinne. Was muss ich Ã¤ndern, das es nicht mehr so ist? Zweite Sache: Wie kann ich das Komplette Layout von rechts in die mitte hohlen, ohne das die Schrft dann auch zentriert ist? Und wie mache ich es, dass das MenÃ¼ dierekt am content dran ist ohne abstand? hier mein code: Code: <!doctype html public "-//W3C//DTD HTML 4.0//EN"> <html> <head> <title>Test Layout</title> <style type="text/css"> #menue { width:100px; color:red; border:1px ridge #cecece; float:left; } #content { width:600px; color:blue; border:1px ridge #dedede; float:center; } </style> </head> <body> <div width="700px" style="margin:0px;"> <div id="menue">[]Hallo[]Hallo[]Hallo[]Hallo[*]Hallo </div> <div id="content"> <h3>Hallo</h3> shdjksdfjhdsjkfhkjsdfhjkh sehjksdfhjksdhfkjhsdjkfhsdjk sdahkjdshfjkhdskfjhsdkjfkjsdf </div> </div> </body> </html>


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

15.10.2005, 00:07
Gast Beiträge: n/a	also float:center schaut etwas falsch aus, gib das mal weg