Html Im Center (mitte) ausgeben.

Status
Nicht offen für weitere Antworten.

Nerlich

Mitglied
ihr kennt sicherlich das problem das nicht alle user einen gleich großen bildschirm haben. Kann mir jemand helfen? hab folgendes Problem:
Ich hab eine Website erstellt. und möchte nun das meine Banner und Bilder immer in der Mitte der Seite stehen. Da nicht alle User einen gleich großen Bildschirm haben, muss ich dies irgendwie automatiesieren, so das meine Banner usw immer in der Mitte sind egal ob kleinen oder Großen bildschrim. geht das? wenn ja wie?
 
Wie sieht denn bislang der Quellcode (HTML + CSS) der Seite aus?

Und bitte achte auf eine durchgängige Groß- und Kleinschreibung.
 
Ok mach ich. Also bis her sieht der Code so aus ist halt nur die Startseite sonnst nix Weiter:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="File-List" href="index-Dateien/filelist.xml">

<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>
<!--[if !mso]>
<style>
v\:*         { behavior: url(#default#VML) }
o\:*         { behavior: url(#default#VML) }
.shape       { behavior: url(#default#VML) }
</style>
<![endif]--><!--[if gte mso 9]>
<xml><o:shapedefaults v:ext="edit" spidmax="1027"/>
</xml><![endif]-->







<BODY BGCOLOR="#002A7E" 
   TEXT=BLACK 
   LINK=#0000FF
   VLINK=#800080
   ALINK=#FF0000
   >
<div id="Layer1" style="position:absolute; left:95px; top:55px; width:84px; height:56px; z-index:1" align="center">
	<!--[if gte vml 1]><v:rect id="_x0000_s1025"
 href="start.htm" style='position:absolute;left:450pt;top:215.25pt;width:22.5pt;
 height:11.25pt;z-index:2' filled="f" fillcolor="none" stroked="f"
 strokecolor="none"/><![endif]--><![if !vml]><span style='mso-ignore:vglayout;
position:absolute;z-index:2;left:695px;top:342px;width:30px;height:15px'><a
href="start.htm"><img border=0 width=30 height=15
src="index-Dateien/image001.gif" title="" v:shapes="_x0000_s1025"></a></span><![endif]><img border="0" src="banner/startpic.jpg" width="800" height="450"></div>
</head>
<body> 
</body>
</html>
 
Willst Du nun die bereits enthaltenden oder weitere Elemente im Browserfenster (horizontal) zentrieren?

Ich vermisse in dem Quellcode nämlich die erwähnten Banner / Bilder :confused:

Ansonsten verwende mal folgendes Stylesheet um das DIV #Layer1 zu zentrieren:

HTML:
<div id="Layer1" style="position:absolute; left:50%; margin-left:-400px; top:50%; margin-top:-225px;width:800px; height:450px; z-index:1" align="center">
 
Man kann auch einfach dem Blockelement des Banners eine Klasse zuweisen, die unteranderem so deklariert ist:

width: 750px;
margin: 0px auto;

Damit das ganze auch noch im IE mittig ist, kann man text-align:center; im body-tag dazu missbrauchen.
 
@msycho: Darum habe ich ja auch zunächst mal nachgefragt, welche Elemente nun im Browserfenster zentriert werden sollen ;)
 
Status
Nicht offen für weitere Antworten.
Zurück