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

Webseite zentriert sich nicht!

D

DjRay

Neues Mitglied
Hey hey,

fluche und raste gleich aus :-(
meine Webseite will sich nicht zentrieren hoffe mir kann einer helfen.
Bin unerfahren wäre nett wenn einer die änderungen angeben kann.
Das Komplette Design ist linksbündig hätte es aber gerne mittig oder ganz ausfüllen in jeder auflösung :D

Hier die Codes

Code: 
<!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" />
</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="http://www.html.de/images/header.jpg" width="1280" height="133" alt="" />
    </div>
    <div id="links-d_">
        <img id="links_d" src="http://www.html.de/images/links-d.jpg" width="190" height="37" alt="" />
    </div>
    <div id="home_">
        <a href="index.html"><img src="http://www.html.de/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="http://www.html.de/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="http://www.html.de/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="http://www.html.de/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="http://www.html.de/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="http://www.html.de/images/rechts-d.jpg" width="191" height="37" alt="" />
    </div>
    <div id="content_">
        
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>
            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
            <HTML>
            <!--          @page { margin: 2cm }          P { margin-bottom: 0.21cm }          A:link { so-language: zxx }      -->
            <BODY LANG="de-DE" DIR="LTR">
</p>
          <p><strong>Music</strong></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="http://www.html.de/images/verzierung-li.jpg" width="373" height="131" alt="" />
    </div>
    <div id="impressum_">
        <a href="impressum.html"><img src="http://www.html.de/images/impressum.jpg" alt="" name="impressum" width="126" height="38" border="0" id="impressum" /></a> </div>
    <div id="copyright_">
        <img id="copyright" src="http://www.html.de/images/copyright.jpg" width="281" height="38" alt="" />
    </div>
    <div id="links_">
        <a href="links.html"><img src="http://www.html.de/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="http://www.html.de/images/verzierung-re.jpg" width="367" height="131" alt="" />
    </div>
    <div id="unten_">
      <div align="center"></div>
    </div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
Code: 
#Tabelle_01 {
    width:1280px;
    height:768px; 
}



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

#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;
}
 
Zuletzt bearbeitet:
HTML: 
<table border="0" style="margin-left:auto;margin-right:auto">
<body style="background-color:#242525;">

Der Table-Tag sollte nach dem Body-Tag kommen?

Versuche den Code sonst auch ein bisschen aufzuräumen.
 
Hallo.

Beim ersten überschauen sehe ich 3 Doctype in deinem Quelltext.
Bitte validiere deinen Code erstmal bevor wir hier weitermachen.

Gruss
Elroy
 
Ja am validieren bin ich gerade dran!
Das mim aufräumen muss ich noch machen (photoshop laß es so aus :-( ).


Was meinst du mit nachm Body Tag kommen?

Bin anfänger sorry.
 
er meint du sollst es verkehrt rum machen also so:
HTML: 
<body style="background-color:#242525;"> 
<table border="0" style="margin-left:auto;margin-right:auto">
wenn du dich wunderst warum:
Im <head><head>(Kopfdaten. z.B. Angaben zu Titel u.ä.)

<body></body> (Körper - anzuzeigender Inhalt, also Text mit Überschriften, Verweisen, Grafikreferenzen usw.)

also ein gründgerüst ist so aufgebaut:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
   <head>
      <title>Deine Beschreibung</title>
      <!--Titel usw.-->
   </head>
   <body>
      <!--Sichtbare Teile wie DIV's u.ä.-->
   </body>
</html>

PS: Man merkt es am Code das du die Website nicht selber erstellt hast und wenn schon dan mit DreamveaverCS4 oder ähnliches.
Lern HTML wenn dus kannst macht es dir Spass. Aber wenn du einfachg eine Website machen willst das du eine hast dann gib gleich jetzt auf.

Hoffe ich konnte dir helfen :-D

lg
Akronym
 
Zuletzt bearbeitet:
DjRay schrieb:
Ja am validieren bin ich gerade dran!
Das mim aufräumen muss ich noch machen
Zum Vergrößern anklicken....
Du kannst Dich nicht über Darstellungsprobleme ärgern, solange noch Fehler im Code sind.
Du musst immer zuerst die Fehler berichtigen, sonst macht der Browser so oder so etwas, was nicht vordefiniert ist. Nur richtiges Verhalten ist standardisiert.

(photoshop laß es so aus :-( ).
Zum Vergrößern anklicken....
Photoshop ist ein Grafikprogramm. Damit erstellt man keine Webseiten.

Bin anfänger sorry.
Zum Vergrößern anklicken....
Das waren wir alle mal. Aber Anfänger sein darf keine Ausrede sein, denn das kannst Du ja ändern!

DjRay schrieb:
Das Komplette Design ist linksbündig hätte es aber gerne mittig oder ganz ausfüllen in jeder auflösung :D
Zum Vergrößern anklicken....
Das geht nicht. Die Auflösung ist im Webdesign eine unbekannte Größe. CSS (was für die Darstellung zuständig ist) kennt die Auflösung nicht. Aber denk auch mal nach, die Auflösung ist ja irrelevant. Nicht nur, dass die Website ja nicht in voller Größe der Auflösung dargestellt wird, weil ein Browserfenster noch Side- und Toolbars hat, man kann ein Fenster ja auch kleiner machen, es muss nicht maximiert sein. Dann ist der verfügbare Platz für Deine Site noch kleiner, u.U. kann jemand mit einem maximierten Fenster und 800x600er Auflösung MEHR Platz für die Darstellung haben, als jemand mit 1900x1200px Auflösung, der sein Fenster ziemlich klein gemacht hat.

Das, was zählt, ist einzig der sog. Viewport. Und der ist eigentlich auch immer kleiner als das, was die Auflösung hergeben würde.

Dein HTML-Code ist übrigens grauenvoll und hat mit echtem HTML eigentlich nicht viel zu tun. HTML ist für die ->Semantik.

Wie Du zentrierst, weißt Du ja selber, steht schließlich in Deinem Code :-)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben