• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Inhalt zentrieren

Status
Für weitere Antworten geschlossen.

saint44

Neues Mitglied
Hallo,

ich habe ein grobes Layout für eine Homepage erstellt, doch wie bekomm ich alles in die mitte vom Browser??

afee7n.jpg


Bitte um Antworten
 
Bei Table gehts so
HTML:
<table align="center">
und bei div
HTML:
<div style="margin: auto 0px;">bla</div>
hoffe konnte helfen ;)
 
Code:
<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<link rel=File-List href="WEBSITBEST-Dateien/filelist.xml">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
b\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<title>Homepage</title>
<style>
<!--
 /* Schriftartdefinitionen */
@font-face
    {font-family:"Comic Sans MS";
    panose-1:3 15 7 2 3 3 2 2 2 4;}
@font-face
    {font-family:"Times New Roman";
    panose-1:2 2 6 3 5 4 5 2 3 4;}
 /* Formatdefinitionen */
p.MsoNormal, li.MsoNormal, div.MsoNormal
    {margin-right:0pt;
    text-indent:0pt;
    margin-top:0pt;
    margin-bottom:0pt;
    text-align:left;
    font-family:"Times New Roman";
    font-size:10.0pt;
    color:#BA2B04;}
ol
    {margin-top:0in;
    margin-bottom:0in;
    margin-left:-2197in;}
ul
    {margin-top:0in;
    margin-bottom:0in;
    margin-left:-2197in;}
@page
    {size:8.-2019in 11.2232in;}
-->
</style>
<!--[if gte mso 9]><xml>
 <o:shapedefaults v:ext="edit" spidmax="3075" fill="f" fillcolor="#f27e0a [7]"
  strokecolor="#ba2b04 [0]">
  <v:fill color="#f27e0a [7]" color2="#f27e0a [7]" on="f"/>
  <v:stroke color="#ba2b04 [0]" color2="#f27e0a [7]">
   <o:left v:ext="view" color="#ba2b04 [0]" color2="#f27e0a [7]"/>
   <o:top v:ext="view" color="#ba2b04 [0]" color2="#f27e0a [7]"/>
   <o:right v:ext="view" color="#ba2b04 [0]" color2="#f27e0a [7]"/>
   <o:bottom v:ext="view" color="#ba2b04 [0]" color2="#f27e0a [7]"/>
   <o:column v:ext="view" color="#ba2b04 [0]" color2="#f27e0a [7]"/>
  </v:stroke>
  <v:shadow color="#cfc [4]"/>
  <v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
  <o:colormenu v:ext="edit" fillcolor="#f88a38 [1]" strokecolor="#ba2b04 [0]"
   shadowcolor="#cfc [4]"/>
 </o:shapedefaults><o:shapelayout v:ext="edit">
  <o:idmap v:ext="edit" data="1"/>
 </o:shapelayout></xml><![endif]-->
</head>

<body link="#FF6600" vlink="#666666" style='margin:0'>


<table align="center">




<align=center>
<div style="text-align: center;">

<div style='position:absolute;width:7.-71in;height:9.-1710in'>
<!--[if gte vml 1]><v:line id="_x0000_s1077" style='position:absolute;
 z-index:5;visibility:visible;mso-wrap-edited:f;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' from="142.46pt,700.69pt" to="561.36pt,700.69pt"
 strokecolor="#ba2b04 [0]" strokeweight="3pt" o:cliptowrap="t">
 <v:stroke color2="#f27e0a [7]">
  <o:left v:ext="view" color="#ba2b04 [0]" color2="#f27e0a [7]"/>
  <o:top v:ext="view" color="#ba2b04 [0]" color2="#f27e0a [7]"/>
  <o:right v:ext="view" color="#ba2b04 [0]" color2="#f27e0a [7]"/>
  <o:bottom v:ext="view" color="#ba2b04 [0]" color2="#f27e0a [7]"/>
  <o:column v:ext="view" color="#ba2b04 [0]" color2="#f27e0a [7]"/>
 </v:stroke>
 <v:shadow color="#cfc [4]"/>
 <v:path insetpenok="f"/>
</v:line><![endif]--><![if !vml]><span style='position:absolute;z-index:5;
left:187px;top:932px;width:564px;height:5px'><img width=564 height=5
src="WEBSITBEST-Dateien/image326.gif" v:shapes="_x0000_s1077"></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1078" style='position:absolute;left:0;top:102pt;width:135.93pt;
 height:600pt;z-index:6;mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt'
 o:preferrelative="t" filled="f" fillcolor="#f27e0a [7]" stroked="f"
 strokecolor="#ba2b04 [0]" o:cliptowrap="t">
 <v:fill color2="#f27e0a [7]"/>
 <v:stroke color2="#f27e0a [7]">
  <o:left v:ext="view" color="#ba2b04 [0]" color2="#f27e0a [7]"/>
  <o:top v:ext="view" color="#ba2b04 [0]" color2="#f27e0a [7]"/>
  <o:right v:ext="view" color="#ba2b04 [0]" color2="#f27e0a [7]"/>
  <o:bottom v:ext="view" color="#ba2b04 [0]" color2="#f27e0a [7]"/>
  <o:column v:ext="view" color="#ba2b04 [0]" color2="#f27e0a [7]"/>
 </v:stroke>
 <v:imagedata src="WEBSITBEST-Dateien/image303.jpg" o:title="FArbübergangnachuntgen"/>
 <v:shadow color="#cfc [4]"/>
 <v:path o:extrusionok="f" insetpenok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span style='position:absolute;z-index:6;
left:0px;top:136px;width:181px;height:800px'><img width=181 height=800
src="WEBSITBEST-Dateien/image303.jpg" v:shapes="_x0000_s1078"></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1079" style='position:absolute;left:0;top:0;width:138pt;height:103.5pt;
 z-index:7;mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt'
 o:preferrelative="t" filled="f" fillcolor="#f27e0a [7]" stroked="f"
 strokecolor="#ba2b04 [0]" o:cliptowrap="t">
 <v:fill color2="#f27e0a [7]"/>
 <v:stroke color2="#f27e0a [7]">
  <o:left v:ext="view" color="#ba2b04 [0]" color2="#f27e0a [7]"/>
  <o:top v:ext="view" color="#ba2b04 [0]" color2="#f27e0a [7]"/>
  <o:right v:ext="view" color="#ba2b04 [0]" color2="#f27e0a [7]"/>
  <o:bottom v:ext="view" color="#ba2b04 [0]" color2="#f27e0a [7]"/>
  <o:column v:ext="view" color="#ba2b04 [0]" color2="#f27e0a [7]"/>
 </v:stroke>
 <v:imagedata src="WEBSITBEST-Dateien/image343.jpg" o:title="blumeOHNstiel"/>
 <v:shadow color="#cfc [4]"/>
 <v:path o:extrusionok="f" insetpenok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span style='position:absolute;z-index:7;
left:0px;top:0px;width:184px;height:138px'><img width=184 height=138
src="WEBSITBEST-Dateien/image343.jpg" v:shapes="_x0000_s1079"></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1080" style='position:absolute;left:135pt;top:0;width:435pt;
 height:103.5pt;z-index:8;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:preferrelative="t" filled="f" fillcolor="#f27e0a [7]"
 stroked="f" strokecolor="#ba2b04 [0]" o:cliptowrap="t">
 <v:fill color2="#f27e0a [7]"/>
 <v:stroke color2="#f27e0a [7]">
  <o:left v:ext="view" color="#ba2b04 [0]" color2="#f27e0a [7]"/>
 
Mhm, jezst muss ich passen.
Normaler weiße müsste es gehen, aber ich weiß nicht inwiefern das xml dsa ganze hier verändert. Sry
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben