✔ Inhalt der Webseite im Browser zentriert.

Status
Nicht offen für weitere Antworten.
ultrAslan

ultrAslan

Grünschnabel
Hallo erstmal, bin neu hier.
Also so ein in Sachen html bin ich eigentlich nicht.
Aber kann mir vielleicht jemand verraten wie ich meine Webseite im Browser zentriert kriege.
Ich meine so wie auf http://www.koolsavas-azad.de (soll jetzt keine Werbung sein)
Aber so eine Website, wo alles halt einfach zentriert ist würde ich mir auch gerne basteln.

Ich bin mir sicher, dass ihr mir helfen werdet.
Danke schonmal. ;)
 
Ob du deine Seite mit einem <iframe>-Element ausstattest, oder nicht, spielt beim Zentrieren keine Rolle.

Hier ein Beispiel, wie sich eine Tabelle im Browserfenster horizontal zentrieren lässt:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<style type="text/css">
<!--
body
{
text-align: center; /* Für IE */
}

table.center
{
width: 700px;
margin: 0 auto; 
text-align: left; /* Tabelleninhalt linksbündig ausrichten */
}

table, td
{
border: 1px solid #cfcfcf;
}
-->
</style>

</head>
<body>

<table class="center" cellpadding="0" cellspacing="5">
       <tr>
           <td>content</td>
       </tr>
</table>

</body>
</html>

[ editpost 07:50 ]

In diesem Demo (tabellenloses Seitenlayout) wird ein DIV horizontal zentriert:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<style type="text/css">
<!--
body
{
text-align: center; /* Für IE */
}

div.center
{
width: 700px;
margin: 0 auto;
text-align: left; /* DIV-Inhalt linksbündig ausrichten */
border: 1px solid #cfcfcf;
}
-->
</style>

</head>
<body>

<div class="center">
       content
</div>

</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
Schon klar, danke.
Ich meine das mit dem scrollen, auf der oben angegebenen Website.
Ohne I-frame ist das nicht möglich oder?
Das man da scrollen kann mein ich.
 
Wenn du weitere Projektseiten in dieser Seite anzeigen willst und dein Webserver kein PHP unterstützt, dann benötigst du das <iframe>-Element.

Wenn du in der Tabellenzellen lediglich übergrossen Inhalt scrollen möchtest, kannst du auf CSS zurückgreifen:

Beispiel für scrollfähige Tabellenzelle:

Code: 
table.center
{
width: 700px;
margin: 0 auto; 
text-align: left; /* Tabelleninhalt linksbündig ausrichten */
}

table, td
{
border: 1px solid #cfcfcf;
}

td.scroll
{
height: 300px;
}
HTML: 
<table class="center" cellpadding="0" cellspacing="5">
       <tr>
           <td class="scroll">
              <div style="overflow: auto; height: 100%; width: 100%;"> <!-- scrollfähiger Inhalt --> </div>
           </td>
       </tr>
</table>
 
Dann nutze auch den "Status"-Button, um das "gelöste" Thema als erledigt zu markieren.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück