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

Homepage zentriern geht nicht

D

DjRay

Neues Mitglied
Hey Hey möchte meine Homepage zentriern aber alles was ich lese und teste geht nicht was mache ich falsch?
HTML: 
<!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>Ray Production Crew</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--


.Stil1 {color: #FF0000}
-->
</style>
</head>
<table border="0" style="margin-left:auto;margin-right:auto">
<body style="background-color:#242525;">
<!-- ImageReady Slices (Ray Production geschnitten oben unten slice 2.psd) -->
<div id="Tabelle_01">
    <div id="header_">
        <img id="header" src="images/header.jpg" width="1280" height="133" alt="" />
    </div>
    <div id="links-d_">
        <img id="links_d" src="images/links-d.jpg" width="190" height="37" alt="" />
    </div>
    <div id="home_">
        <a href="index2.html"><img src="images/home.jpg" alt="" name="home" width="172" height="37" border="0" id="home" /></a> </div>
    <div id="team_">
        <a href="team.html"><img src="images/team.jpg" alt="" name="team" width="183" height="37" border="0" id="team" /></a> </div>
    <div id="music_">
        <a href="music..html"><img src="images/music.jpg" alt="" name="music" width="184" height="37" border="0" id="music" /></a> </div>
    <div id="gb_">
        <a href="gb.html"><img src="images/gb.jpg" alt="" name="gb" width="183" height="37" border="0" id="gb" /></a> </div>
    <div id="forum_">
        <a href="http://www.forum.ray-production.de"><img src="images/forum.jpg" alt="" name="forum" width="177" height="37" border="0" id="forum" /></a> </div>
    <div id="rechts-d_">
        <img id="rechts_d" src="images/rechts-d.jpg" width="191" height="37" alt="" />
    </div>
    <div id="content_">
        
          <p>&nbsp;</p>
          <p>
            <HTML>
      </p>
          <p>&nbsp;</p>
          <p>
            <!--          @page { margin: 2cm }          P { margin-bottom: 0.21cm }          A:link { so-language: zxx }      -->
            <strong>Hey Liebe</strong></p>
          <p><strong> Freunde, Fans und Besucher!!!</strong></p>
          <p><strong>Wir sind wieder </strong></p>
          <p><strong>ONLINE!!!</strong></p>
          <p><strong>Mit unserem sch&ouml;nen Design *freu*</strong></p>
          <p><strong>Euer DjRay </strong></p>
          <p>
            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
      </p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p></p>
          <p><br />
          </p>
          <p><br />
          </p>
          <p>
            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
            <HTML>
            <!--          @page { margin: 2cm }          P { margin-bottom: 0.21cm }      -->
            <BODY DIR="LTR">
</p>
          <p>&nbsp;</p>
  </div>
    <div id="verzierung-li_">
        <img id="verzierung_li" src="images/verzierung-li.jpg" width="373" height="131" alt="" />
    </div>
    <div id="impressum_">
        <a href="impressum.html"><img src="images/impressum.jpg" alt="" name="impressum" width="126" height="38" border="0" id="impressum" /></a> </div>
    <div id="copyright_">
        <img id="copyright" src="images/copyright.jpg" width="281" height="38" alt="" />
    </div>
    <div id="links_">
        <a href="links.html"><img src="images/links.jpg" alt="" name="links" width="133" height="38" border="0" id="links" /></a> </div>
    <div id="verzierung-re_">
        <img id="verzierung_re" src="images/verzierung-re.jpg" width="367" height="131" alt="" />
    </div>
    <div id="unten_">
        <img id="unten" src="images/unten.jpg" width="540" height="93" alt="" />    </div>
</div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>

Code: 
#Tabelle_01 {
    position:absolute;
    left:0px;
    top:0px;
    width:1280px;
    height:768px;
    text-align:center;

}

#header_ {
    position:absolute;
    left:0px;
    top:0px;
    width:1280px;
    height:133px;
}

#links-d_ {
    position:absolute;
    left:0px;
    top:133px;
    width:190px;
    height:37px;
}

#home_ {
    position:absolute;
    left:190px;
    top:133px;
    width:172px;
    height:37px;
}

#team_ {
    position:absolute;
    left:362px;
    top:133px;
    width:183px;
    height:37px;
}

#music_ {
    position:absolute;
    left:545px;
    top:133px;
    width:184px;
    height:37px;
}

#gb_ {
    position:absolute;
    left:729px;
    top:133px;
    width:183px;
    height:37px;
}

#forum_ {
    position:absolute;
    left:912px;
    top:133px;
    width:177px;
    height:37px;
}

#rechts-d_ {
    position:absolute;
    left:1089px;
    top:133px;
    width:191px;
    height:37px;
}

#content_ {
    position:absolute;
    background:url(images/content.jpg) no-repeat;    
    left:0px;
    top:170px;
    width:1280px;
    height:466px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
}

#verzierung-li_ {
    position:absolute;
    left:0px;
    top:637px;
    width:373px;
    height:131px;
}

#impressum_ {
    position:absolute;
    left:373px;
    top:637px;
    width:126px;
    height:38px;
}

#copyright_ {
    position:absolute;
    left:499px;
    top:637px;
    width:281px;
    height:38px;
}

#links_ {
    position:absolute;
    left:780px;
    top:637px;
    width:133px;
    height:38px;
}

#verzierung-re_ {
    position:absolute;
    left:913px;
    top:637px;
    width:367px;
    height:131px;
}

#unten_ {
    position:absolute;
    background:url(images/unten.jpg) no-repeat;
    left:372px;
    top:677px;
    width:540px;
    height:93px;
}

Danke im vorraus
 
Wen ich das richtig verstanden habe

Den ganzen Body bereich in ein div und in Css

#center {
margin:auto;
}

Gruß Niklas
 
Entferne die Tabelle vorm <body>-Tag.

Schreibe statt

Code: 
#Tabelle_01 {
    position:absolute;
    left:0px;
    top:0px;
    width:1280px;
    height:768px;
    text-align:center;
}

das

Code: 
#Tabelle_01 {
    width:1280px;
    height:768px;
    margin: 0px auto;
}
 
</style>
</head>
<body style="background-color:#242525;">
<!-- ImageReady Slices (Ray Production geschnitten oben unten slice 2.psd) -->
<div id="Tabelle_01">
<div id="header_">
<img id="header" src="images/header.jpg" width="1280" height="133" alt="" /> </div>
<div id="links-d_">
<img id="links_d" src="images/links-d.jpg" width="190" height="37" alt="" /> </div>
<div id="home_">
<a href="index2.html"><img src="images/home.jpg" alt="" name="home" width="172" height="37" border="0" id="home" /></a> </div>
<div id="team_">




habe ich geht immernoch nicht
 
Zuletzt bearbeitet:
Nein, du musst wie in meinem Beispiel auch eine Breite angeben.

Und mit der Tabelle meinte ich den <table>-Tag :mrgreen:
 
DjRay schrieb:
Hey Hey möchte meine Homepage zentriern aber alles was ich lese und teste geht nicht was mache ich falsch?
Zum Vergrößern anklicken....

Drei mal Doctype.
HTML wird mehrmals geöffnet.
Code zwischen Head und Body.
Alles absolut positioniert.

Am besten HTML und CSS Grundlagen lernen und nochmal von vorne anfangen.

Gruss
Elroy
 
also was du da tust ist der reinste wahnsinn
also mal erlich... hast du eig. ne Ahnung von Html und CSS?:mrgreen:
nicht böse gemeint

wie schon Elroy erwähnt hatte der Doctype wurde mehrmals eingesetzt das <html><body><head> wurde auch 4-5 mal eingesetzt usw.

mach mal das ein bischen schöner und dann schaue ich was dein Problem ist aber so... :-D
 
Also nur mal so das design bekam ich per PS Datei (Photoshop) habe es dann einfach als Web gespeichert mehr nicht.

Tut mir leid das ich fragte
 
Wieso entschuldigst Du Dich dafür, dass Du gefragt hast? Ist doch Dein gutes Recht.

Es ist nunmal so, dass Photoshop ein Bildbearbeitungsprogramm ist und kein Programm zur Erstellung von Websites. Mit Photoshop Websites erstellen ist so wie mit nem Bobbycar auf der Autobahn fahren. Es ist einfach Unfug. Wenn Du weiterhin und öfters Websites erstellen und pflegen willst, solltest Du unbedingt HTML & CSS lernen, da führt kein Weg dran vorbei.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben