zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden wie bekomme ich das gesamte Layout mit css in die mitte

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.05.2005, 19:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.05.2005
Beiträge: 2
alex1 befindet sich auf einem aufstrebenden Ast
Standard wie bekomme ich das gesamte Layout mit css in die mitte

Code:
<?xml version="1.0" encoding="utf-8"?>
<!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">
<head>
<title>Pichler</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="de-at" />
<meta http-equiv="imagetoolbar" content="no" />
<meta content="Willkommen auf der Website Pichler Forst  Hier stehen Ihnen folgende Bereiche zur Auswahl:und Erfahrungen." name="Description" />

<link href="styles.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 style"style">
<DIV id="Layer1" style="position:absolute; left:17px; top:2px; width:860px; height:103px; z-index:21; background-image: url(baumringe.jpg); layer-background-image: url(baumringe.jpg); border: 1px none #000000;"> 
</DIV>
	<DIV id="Layer2" style="position:absolute; left:370px; top:115px; width:90px; height:27px; z-index:22">Wurzelstockfräsungen
	</DIV>
	<DIV id="Layer9" style="position:absolute; left:520px; top:114px; width:90px; height:27px; z-index:23">Häckseldienst
	</DIV>
	
<DIV id="Layer10" style="position:absolute; left:22px; top:203px; width:191px; height:25px; z-index:24">Firmenprofil 
</DIV>
	
<DIV id="Layer11" style="position:absolute; left:22px; top:232px; width:191px; height:25px; z-index:25">Referenzen 
</DIV>
	
<DIV id="Layer12" style="position:absolute; left:22px; top:262px; width:191px; height:26px; z-index:26">Kontakt 
</DIV>
	
<DIV id="Layer13" style="position:absolute; left:23px; top:294px; width:191px; height:27px; z-index:27">Impressum 
</DIV>
	<DIV id="Layer14" style="position:absolute; left:628px; top:113px; width:90px; height:24px; z-index:28"><a href="garten_und_landschaftspflege.htm" target="_parent">Garten 
  &amp; Landschaftspflege</a>
	</DIV>
	<DIV id="Layer17" style="position:absolute; left:752px; top:114px; width:121px; height:27px; z-index:29">Strassenreinigung
	</DIV>
	<DIV id="Layer3" style="position: absolute; left: 228px; top: 159px; width: 399px; height: 163px; z-index: 3">


Mit unserer Dienstleistungspalette können wir nicht nur privaten 
                  Grundbesitzern, so wie auch Gemeinden, Wohnbaugenossenschaften, 
                  Haus- verwaltungen, Gewerbebetrieben gute Dienste leisten.</p>
	</DIV>
	
<DIV id="Layer4" style="position: absolute; left: 642px; top: 160px; width: 236px; height: 201px; z-index: 4; vertical-align: middle">[img]images/test_photo.jpg[/img] 
</DIV>
	<DIV id="Layer5" style="position: absolute; left: 227px; top: 328px; width: 401px; height: 1px; z-index: 5">	Unser 
		  Leistungsangebot
	</DIV>
	<DIV id="Layer6" style="position: absolute; left: 229px; top: 359px; width: 399px; height: 504px; z-index: 6; vertical-align: middle">


</p>


Spezielle Baumfällungen mit Klettereinsatz. Baum- pflege, Kronenformschnitte, 
    Wurzelstockfräsungen.</p>


</p>


Garten-Landschafts- und Sportplatzpflege.</p>


Rasen mähen mit und ohne Schnittgutentsorgung. Bewässerung, Düngung, Rekultivierung 
    von Rasen- flächen.</p>


Hecken- und Sträucherschnitte, Bepflanzungen, Häckseldienste.</p>
  

Winterdienst:

    Schneeräumungen für Großanlagen von Gewerbe- betrieben und private Kleinanlagen, 
    Gehsteige, Zufahrten, und Parkplätze Notdienste an Sonn- und Feiertagen.</p>


Beseitigungen von entstandener Schäden durch Elementarereignisse wie z.B. 
    umgestürzte Bäume auch schwierigste Fälle. Abrechungen über Versicherungen 
    sind selbstverständlich möglich.</p>
		
  <DIV id="Layer5" style="position: absolute; left: 0px; top: 508px; width: 401px; height: 1px; z-index: 5">	
    Copyride </DIV>
	</DIV>
	<DIV id="Layer7" style="position: absolute; left: 642px; top: 395px; width: 244px; height: 19px; z-index: 7">	Einsatzgebiete
	</DIV>
	<DIV id="Layer8" style="position: absolute; left: 642px; top: 418px; width: 244px; height: 253px; z-index: 8; vertical-align: middle">	Einsatzgebiet 
		  Bundesland Salzburg, Tirol, nördliche Steiermark und angrenzender Bayerischer 
		  Raum.


Ein gutes Preisleistungsverhältnis, zu- kunftsorientiertes Denken, modernste 
    Maschinen ermöglichen es, unsere Arbeit zu Ihrer vollsten Zufriedenheit auszu- 
    führen.</p>
	</DIV>
	<DIV id="Layer15" style="position: absolute; left: 18px; top: 108px; width: 195px; height: 87px; z-index: 15">	logo
	</DIV>
	<DIV id="Layer16" style="position: absolute; left: 225px; top: 115px; width: 90px; height: 27px; z-index: 16; vertical-align: middle">Spezialbaumfällungen
	</DIV>
<div id="Layer18" style="position:absolute; left:230px; top:892px; width:400px; height:16px; z-index:30"></div>
</body>
</html>
Habe die seite mit Dreamweaver mx erstellt

Bitte um Hilfe !
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.05.2005, 20:34
Neuer Benutzer
neuer user
 
Registriert seit: 16.05.2005
Beiträge: 6
dexter2000 befindet sich auf einem aufstrebenden Ast
Standard

Hi,

ich würde um deine ganze Seite folgendes <div>-Tag legen:

Code:
<div style="width:XYZ; margin:0px auto;">
Seiteninhalt...
</div>
MIt margin:0px auto; überlässt du es dem Browser wieviel Abstand er zwischen linken und rechten Rand läst. Je nach Auflösung. Auf jedenfall ist es immer gleich viel.

Gruß
__________________
Hommingberger Gepardenforelle
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.05.2005, 22:21
Neuer Benutzer
neuer user
 
Registriert seit: 15.05.2005
Beiträge: 13
kisi befindet sich auf einem aufstrebenden Ast
Standard

Allerdings wird es dann im Internet explorer nicht zentriert. Ich würde dem body tag ein text-align:center; verpassen, dann um den Inhalt der Seite folgenden div-bereich legen:
Code:
<div style="width:XYZ; margin:0px auto;text-align:left"> 
Seiteninhalt... 
</div>
So wirds auch beim Internet Explorer zentriert dargestellt.
Mit Zitat antworten
  #4 (permalink)  
Alt 16.05.2005, 23:30
Neuer Benutzer
neuer user
 
Registriert seit: 16.05.2005
Beiträge: 5
Meran23 befindet sich auf einem aufstrebenden Ast
Standard

Was muss ich dann noch zu diesem div-bereich hinzufügen, damits nicht nur links/rechts sondern auch oben/unten zentriert wird?
Mit Zitat antworten
  #5 (permalink)  
Alt 16.05.2005, 23:31
Benutzer
neuer user
 
Registriert seit: 27.04.2005
Beiträge: 60
die_sarah befindet sich auf einem aufstrebenden Ast
Standard Re: wie bekomme ich das gesamte Layout mit css in die mitte

Zitat:
Zitat von alex1
Habe die seite mit Dreamweaver mx erstellt

Bitte um Hilfe !
Dreamweaver deinstallieren, richtigen Texteditor verwenden, xHTML und CSS lernen.
Dieses Codegewächs ist ja noch schlimmer als HTML mit Tabellendesign...

Die Sarah
Mit Zitat antworten
  #6 (permalink)  
Alt 16.05.2005, 23:33
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von Meran23
Was muss ich dann noch zu diesem div-bereich hinzufügen, damits nicht nur links/rechts sondern auch oben/unten zentriert wird?
Lies dazu mal diesen Thread.

Grüße
fricca
Mit Zitat antworten
  #7 (permalink)  
Alt 17.05.2005, 07:21
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.05.2005
Beiträge: 2
alex1 befindet sich auf einem aufstrebenden Ast
Standard

Code:
Dreamweaver deinstallieren, richtigen Texteditor verwenden, xHTML und CSS lernen. 
Dieses Codegewächs ist ja noch schlimmer als HTML mit Tabellendesign...

werde ich wohl machen müssen
Danke für die Verbesserungen
Mit Zitat antworten
  #8 (permalink)  
Alt 18.05.2005, 07:57
Neuer Benutzer
neuer user
 
Registriert seit: 12.04.2005
Beiträge: 18
Jackels befindet sich auf einem aufstrebenden Ast
Standard

Ich würd dem body einfach align=center verpassen und margin-left und margin-right auf auto setzen. Dann sollte sich die Sache eigentlich auch schon haben.
__________________
Ich habe keine Ahnung, aber davon \'ne Menge
Mit Zitat antworten
  #9 (permalink)  
Alt 18.05.2005, 10:44
Benutzerbild von E|H
E|H E|H ist offline
body:hover{display:none;}
XHTMLforum-Kenner
 
Registriert seit: 27.01.2005
Beiträge: 1.325
E|H befindet sich auf einem aufstrebenden Ast
Standard

DW deinstallieren halte ich für übertrieben.

Man muß halt den Code kontrollieren bzw. per Hand schreiben, aber wenn man DW schonmal hat, kann man seine anderen Funktionen schon nutzen.
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
Dreispaltiges Layout mit CSS TerraP CSS 9 16.02.2010 22:08
CSS Layout Komplex yanu CSS 0 01.04.2009 20:27
CSS Layout für Fortgeschrittene StefanE CSS 2 15.01.2009 07:39
Layout Problem CSS david.bellem CSS 8 17.09.2004 11:59
css layout oder besser doch tabellen? chrimp CSS 0 22.06.2004 15:54


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:13 Uhr.