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

[Hilfe] Seitenausrichtung

N

Nuyaji

Neues Mitglied
Hey Ho Leuts,

Hab mich hier gerade angemeldet da ich seit Tagen vor dem selben Problem hänge und mit hier Hilfe erhoffe.
Zudem hoffe ich das ich auch den richtigen Bereich erwischt habe :D wenn nicht, bitte nicht übel nehmen.

Also folgendes Problem:
Ich bin dabei mir (wie üblich) meine eigene HP zu erstellen. (HTML, CSS, PHP Kenntnisse als Laie vorhanden)
Nun ist es aber so, das ich in den Bereichen wo längere Texte Enthalten sind ( Datenschutz, AGB, News) die Seite nach rechts aus dem Rahmen springt.
ABER NUR wenn der geschriebene Text über den unteren Rand geht. wenn er Länger wird und ich Aktualisiere muss ich in der Leiste unten nach Rechts scrollen, wo rein gar nichts ist.

Stelle mal den Quellcode hierrein in der Hoffnung ihr windet den fehler:
HTML: 
<html>
    <head>
        <title> Area Takers </title>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="style.css">
  
        <!--[if gte IE 9]>
        <style type "text"/css">
        .gradient {
        filter: none;
        }
        </style>
        <![endif]-->
    </head>

<body>

<div id="wrapper">
  
    <div id="header">
            </div>
      
    <div id="menue-top">
        <ul>
    <li><a href="index.php?section=startseite">Startseite</a></li>
    <li><a href="index.php?section=videos">Videos</a></li>
    <li><a href="index.php?section=bilder">Bilder</a></li>
    <li><a href="index.php?section=startseite">Startseite</a></li>
    <li><a href="index.php?section=videos">Videos</a></li>
    <li><a href="index.php?section=bilder">Bilder</a></li>
    <li><a href="index.php?section=startseite">Startseite</a></li>
    <li><a href="index.php?section=videos">Videos</a></li>
</ul>    </div>
    <div id="maincontent">
        <div id="content-left">
            Bild
        </div>
      
        <div id="content">
            <article>
    <p>
    Erl&auml;rung zum Datenschutz (Privacy Policy) f&uuml;r Area Takers.org
    </br>
    <h4>Vorwort</h4>
Wir nehmen den Schutz Ihrer privaten Daten ernst. Die besondere Beachtung der Privatsph�re bei der Verarbeitung pers�nlicher Daten ist uns ein <br>
wichtiges Anliegen. Pers�nliche Daten werden gem�ss den Bestimmungen des Bundesdatensschutzgesetzes BDSG verwendet. Die Betreiber dieser <br>
Website verpflichten sich zur Verschwiegenheit. Diese Webseiten k�nnen Links zu Webseiten anderer Anbieter enthalten, auf die sich diese <br>
Datenschutzerkl�rung nicht erstreckt. Weitere wichtige Informationen finden sich auch in den Allgemeinen Nutzungsbedingungen.<br>
<br>
<br>
<h4>Personenbezogene Daten</h4>
Personenbezogene Daten sind Informationen, die dazu genutzt werden k�nnen, die Identit�t zu erfahren. Darunter fallen Informationen wie richtiger<br>
Name, Adresse, Postanschrift, Telefonnummer. Informationen, die nicht direkt mit der wirklichen Identit�t in Verbindung gebracht werden <br>
(wie zum Beispiel favorisierte Webseiten oder Anzahl der Nutzer einer Site) fallen nicht darunter. Man kann unser Online-Angebot grunds�tzlich<br>
ohne Offenlegung der Identit�t nutzen. Wenn man sich f�r eine Registrierung entscheidet, sich also als Mitglied (registrierter Benutzer) anmeldet,<br>
kann man im individuellen Benutzerprofil pers�nlichen Informationen hinterlegen. Es unterliegt der freien Entscheidung, ob diese Daten eingegeben <br>
werden. Da versucht wird, f�r eine Nutzung des Angebots so wenig wie m�glich personenbezogene Daten zu erheben, reicht f�r eine Registrierung die <br>
Angabe eines Namens - unter dem man als Mitglied gef�hrt wird und der nicht mit dem realen Namen �bereinstimmen muss - und die Angabe der <br>
E-Mail-Adresse, an die das Kennwort geschickt wird, aus. In Verbindung mit dem Zugriff auf unsere Seiten werden serverseitig Daten <br>
(zum Beispiel IP-Adresse, Datum, Uhrzeit und betrachtete Seiten) gespeichert. Es findet keine personenbezogene Verwertung statt. Die statistische <br>
Auswertung anonymisierter Datens�tze bleibt vorbehalten. Wir nutzen die pers�nlichen Daten zu Zwecken der technischen Administration der Webseiten <br>
und zur Kundenverwaltung nur im jeweils daf�r erforderlichen Umfang. Dar�ber hinaus werden pers�nliche Daten nur dann gespeichert, wenn diese <br>
freiwillig angegeben werden.<br>
<br>
<br>
<h4>Weitergabe personenbezogener Daten</h4>
Wir verwenden personenbezogene Informationen nur f�r diese Webseite. Wir geben die Informationen nicht ohne ausdr�ckliches Einverst�ndnis an <br>
Dritte weiter. Sollten im Rahmen der Auftragsdatenverarbeitung Daten an Dienstleister weitergegeben werden, so sind diese an das <br>
Bundesdatenschutzgesetz BDSG, andere gesetzliche Vorschriften und an diese Privacy Policy gebunden. Erhebungen beziehungsweise �bermittlungen<br>
pers�nlicher Daten an staatliche Einrichtungen und Beh�rden erfolgen nur im Rahmen zwingender Rechtsvorschriften.<br>
<br>
<br>
<h4>Einsatz von Cookies</h4>
Wir setzen Cookies - kleine Dateien mit Konfigurationsinformationen - ein. Sie helfen dabei, benutzerindividuelle Einstellungen zu ermitteln <br>
und spezielle Benutzerfunktionen zu realisieren. Wir erfassen keine personenbezogenen Daten �ber Cookies. S�mtliche Funktionen der Website <br>
sind auch ohne Cookies einsetzbar, einige benutzerdefinierte Eigenschaften und Einstellungen sind dann allerdings nicht verf�gbar.<br>
<br>
<br>
<h4>Einsatz von Google Analytics</h4>
Diese Website benutzt Google Analytics, einen Webanalysedienst der Google Inc. (�Google�). Google Analytics verwendet sog. �Cookies�, <br>
Textdateien, die auf Ihrem Computer gespeichert werden und die eine Analyse der Benutzung der Website durch Sie erm�glichen. Die durch den<br>
Cookie erzeugten Informationen �ber Ihre Benutzung dieser Website werden in der Regel an einen Server von Google in den USA �bertragen und <br>
dort gespeichert. Im Falle der Aktivierung der IP-Anonymisierung auf dieser Webseite, wird Ihre IP-Adresse von Google jedoch innerhalb von <br>
Mitgliedstaaten der Europ�ischen Union oder in anderen Vertragsstaaten des Abkommens �ber den Europ�ischen Wirtschaftsraum zuvor gek�rzt. <br>
Nur in Ausnahmef�llen wird die volle IP-Adresse an einen Server von Google in den USA �bertragen und dort gek�rzt. Im Auftrag des Betreibers <br>
dieser Website wird Google diese Informationen benutzen, um Ihre Nutzung der Website auszuwerten, um Reports �ber die Websiteaktivit�ten <br>
zusammenzustellen und um weitere mit der Websitenutzung und der Internetnutzung verbundene Dienstleistungen gegen�ber dem Websitebetreiber <br>
zu erbringen. Die im Rahmen von Google Analytics von Ihrem Browser �bermittelte IP-Adresse wird nicht mit anderen Daten von Google<br>
zusammengef�hrt. Sie k�nnen die Speicherung der Cookies durch eine entsprechende Einstellung Ihrer Browser-Software verhindern; wir weisen<br>
Sie jedoch darauf hin, dass Sie in diesem Fall gegebenenfalls nicht s�mtliche Funktionen dieser Website vollumf�nglich werden nutzen k�nnen. <br>
Sie k�nnen dar�ber hinaus die Erfassung der durch das Cookie erzeugten und auf Ihre Nutzung der Website bezogenen Daten (inkl. Ihrer IP-Adresse) <br>
an Google sowie die Verarbeitung dieser Daten durch Google verhindern, indem sie das unter dem folgenden Link <br>
(http://tools.google.com/dlpage/gaoptout?hl=de) verf�gbare Browser-Plugin herunterladen und installieren.<br>
N�here Informationen hierzu finden Sie unter http://tools.google.com/dlpage/gaoptout?hl=de bzw. unter <br>
http://www.google.com/intl/de/analytics/privacyoverview.html (allgemeine Informationen zu Google Analytics und Datenschutz).<br>
Wir weisen Sie darauf hin, dass auf dieser Webseite Google Analytics um den Code �gat._anonymizeIp();� erweitert wurde, um eine <br>
anonymisierte Erfassung von IP-Adressen (sog. IP-Masking) zu gew�hrleisten.<br>
<br>
<br>
<h4>Kinder</h4>
Personen unter 18 Jahren sollten ohne Zustimmung der Eltern oder Erziehungsberechtigten keine personenbezogenen Daten an uns �bermitteln. <br>
Wir fordern keine personenbezogenen Daten von Kindern an, sammeln diese nicht und geben sie nicht an Dritte weiter.<br>
<br>
<br>
<h4>Recht auf Widerruf</h4>
Wenn Sie uns personenbezogene Daten �berlassen haben, k�nnen Sie diese jederzeit im Benutzerprofil wieder �ndern und l�schen. F�r eine <br>
vollst�ndige L�schung des Accounts bitte an den Webmaster wenden. Bis zu diesem Zeitpunkt erfolgte Beitr�ge in Foren, Kommentaren, <br>
Terminank�ndigungen und Artikeln bleiben allerdings unter Umst�nden erhalten - Informationen dazu auch bei den allgemeinen Nutzungsbedingungen.<br>
<br>
<br>
<h4>Links zu anderen Websites</h4>
Unser Online-Angebot enth�lt Links zu anderen Websites. Wir haben keinen Einfluss darauf, dass deren Betreiber die Datenschutzbestimmungen<br>
einhalten.<br>
    </p>
</article>        </div>
    </div>

</div>

<div id="recht">
    <ul>
    <li><a href="index.php?section=ueber_uns">&Uuml;ber uns</a></li>
    <li><a href="index.php?section=agb">AGB</a></li>
    <li><a href="index.php?section=datenschutz">Datenschutz</a></li>
    <li><a href="index.php?section=impressum">Impressum</a></li>
    <li><a href="index.php?section=hilfe">Hilfe</a></li>
    <li><a href="index.php?section=kontakt">Kontakt</a></li>
</ul></div>

<div id="footer">
    &copy; 2013 Area Takers  All Rights reserved</div>


</body>

</html>


So soll es am ende nicht sein :D
pwuyrchl1ky.jpg
 
Zuletzt bearbeitet:
Werbung:
Hallo hier im Forum,

also bist im richtgen bereich aber ohne link ist dir schwer zu helfen.

1. versteht kaum einer was dein problem ist
2. kann keiner sagen was genau ändern musst wenn man nicht alles kennt.

Cheffchen
 
mit link wird schwer gehen, da ich die seite noch offline gestalte :)

Versuche es mal ganz simpel zu erklären:

Wenn ich in dem von mir gesetzten Content bereich einen "Roman" schreibe, skaliert sich die ansicht nach rechts. Bleibe ich aber im Bildschirm bereich, ists normal:


VORHER: Im Bildschirmbereich (kurzer text)
igjz4ll5a5vx.jpg



NACHHER: Wenn der Text zum Roman wird
blenq5rt88k3.jpg



Und Codes hab ich halt auf mehrern php seiten, Trage hoffentlich mal die richtigen ein:

Datenschutz.php
HTML: 
<article>
    <p>
    Erl&auml;rung zum Datenschutz (Privacy Policy) f&uuml;r Area Takers.org
    </br>
    <h4>Vorwort</h4>
Wir nehmen den Schutz Ihrer privaten Daten ernst. Die besondere Beachtung der Privatsphäre bei der Verarbeitung persönlicher Daten ist uns ein <br>
wichtiges Anliegen. Persönliche Daten werden gemäss den Bestimmungen des Bundesdatensschutzgesetzes BDSG verwendet. Die Betreiber dieser <br>
Website verpflichten sich zur Verschwiegenheit. Diese Webseiten können Links zu Webseiten anderer Anbieter enthalten, auf die sich diese <br>
Datenschutzerklärung nicht erstreckt. Weitere wichtige Informationen finden sich auch in den Allgemeinen Nutzungsbedingungen.<br>
<br>
<br>
<h4>Personenbezogene Daten</h4>
Personenbezogene Daten sind Informationen, die dazu genutzt werden können, die Identität zu erfahren. Darunter fallen Informationen wie richtiger<br>
Name, Adresse, Postanschrift, Telefonnummer. Informationen, die nicht direkt mit der wirklichen Identität in Verbindung gebracht werden <br>
(wie zum Beispiel favorisierte Webseiten oder Anzahl der Nutzer einer Site) fallen nicht darunter. Man kann unser Online-Angebot grundsätzlich<br>
ohne Offenlegung der Identität nutzen. Wenn man sich für eine Registrierung entscheidet, sich also als Mitglied (registrierter Benutzer) anmeldet,<br>
kann man im individuellen Benutzerprofil persönlichen Informationen hinterlegen. Es unterliegt der freien Entscheidung, ob diese Daten eingegeben <br>
werden. Da versucht wird, für eine Nutzung des Angebots so wenig wie möglich personenbezogene Daten zu erheben, reicht für eine Registrierung die <br>
Angabe eines Namens - unter dem man als Mitglied geführt wird und der nicht mit dem realen Namen übereinstimmen muss - und die Angabe der <br>
E-Mail-Adresse, an die das Kennwort geschickt wird, aus. In Verbindung mit dem Zugriff auf unsere Seiten werden serverseitig Daten <br>
(zum Beispiel IP-Adresse, Datum, Uhrzeit und betrachtete Seiten) gespeichert. Es findet keine personenbezogene Verwertung statt. Die statistische <br>
Auswertung anonymisierter Datensätze bleibt vorbehalten. Wir nutzen die persönlichen Daten zu Zwecken der technischen Administration der Webseiten <br>
und zur Kundenverwaltung nur im jeweils dafür erforderlichen Umfang. Darüber hinaus werden persönliche Daten nur dann gespeichert, wenn diese <br>
freiwillig angegeben werden.<br>
<br>
<br>
<h4>Weitergabe personenbezogener Daten</h4>
Wir verwenden personenbezogene Informationen nur für diese Webseite. Wir geben die Informationen nicht ohne ausdrückliches Einverständnis an <br>
Dritte weiter. Sollten im Rahmen der Auftragsdatenverarbeitung Daten an Dienstleister weitergegeben werden, so sind diese an das <br>
Bundesdatenschutzgesetz BDSG, andere gesetzliche Vorschriften und an diese Privacy Policy gebunden. Erhebungen beziehungsweise übermittlungen<br>
persönlicher Daten an staatliche Einrichtungen und Behörden erfolgen nur im Rahmen zwingender Rechtsvorschriften.<br>
    </p>
</article>

style.css
Code: 
body  {
    background: #4c4c4c; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #4c4c4c 0%, #474747 30%, #2c2c2c 58%, #2b2b2b 64%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#4c4c4c), color-stop(30%,#474747), color-stop(58%,#2c2c2c), color-stop(64%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #4c4c4c 0%,#474747 30%,#2c2c2c 58%,#2b2b2b 64%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #4c4c4c 0%,#474747 30%,#2c2c2c 58%,#2b2b2b 64%,#1c1c1c 91%,#131313 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #4c4c4c 0%,#474747 30%,#2c2c2c 58%,#2b2b2b 64%,#1c1c1c 91%,#131313 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #4c4c4c 0%,#474747 30%,#2c2c2c 58%,#2b2b2b 64%,#1c1c1c 91%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: relative;
}

#hintergrund {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}

#wrapper  {
    margin-left: auto;
    margin-right: auto;
    //background-color: #FFFFFF;
    width: 1280px;
    //height: 800px;
}

#header {
    width: 100%;
    height: 150px;
    //background-color: #0F0;
}

#menue-top {
    width: 100%;
    height: 30px;
    background-color: #000;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Arial;
    text-align: center;
}

#menue-top ul li {
    list-style-type: none;
}

#menue-top ul li a {
    height: 25px;
    width: 160px;
    display: block;
    float: left;
    text-decoration: none;
    color: #FFF;
    padding-top: 5px;
}

#menue-top ul {
    margin: 0px;
    padding: 0px;
}

#maincontent {
    width: 1280px;
}

#content-left {
    float: left;
    width: 100px;
    background-color: #E9E9E9;
    //margin-bottom: 10px;
    margin-left: 0px;
    margin-top: 0px;
    padding: 10px 10px 10px 10px;
}

#content {
    float: left;
    width: 960px;
    background-color: #E9E9E9;
    //margin-bottom: 10px;
    margin-left: 5px;
    padding: 10px 10px 10px 10px;
}

#content article {
    border-bottom: 1px dotted #CFCFCF;
    margin-bottom: 20px;
}

#content h1 {
    color: #B45F04;
}

#footer {
    clear: left;
    width: 1280px;
    height: 30px;
    //margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #FFF;
    font-size: 12px;
}

#recht {
    clear: left;
    width: 960px;
    height: 15px;
    color: #FFF;
    //text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    margin-left: 150px;
}

#recht ul li {
    list-style-type: none;
}

#recht ul li a {
    height: 25px;
    width: 150px;
    display: block;
    float: left;
    text-decoration: none;
    color: #FFF;
    padding-top: 5px;
}

#recht ul {
    margin: 0px;
    padding: 0px;
}


Index.php
HTML: 
<?php
    if (isset($_GET ["section"]))
    {
        $section = $_GET ["section"];
    }
    else
    {
        $section = "";
    }

?>




<html>
    <head>
        <title> Area Takers </title>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="style.css">
   
        <!--[if gte IE 9]>
        <style type "text"/css">
        .gradient {
        filter: none;
        }
        </style>
        <![endif]-->
    </head>

<body>

<div id="wrapper">
   
    <div id="header">
        <?php include("header.php"); ?>
    </div>
       
    <div id="menue-top">
        <?php include("menu.php"); ?>
    </div>
    <div id="maincontent">
        <div id="content-left">
            Bild
        </div>
       
        <div id="content">
            <?php include("sites.php"); ?>
        </div>
    </div>

</div>

<div id="recht">
    <?php include("recht.php"); ?>
</div>

<div id="footer">
    <?php include("footer.php"); ?>
</div>


</body>

</html>
 
Werbung:
Die Seite online zu stellen, würde deine Aussicht auf zielführende Antworten erhöhen.

Davon abgesehen fehlt deiner Seite der Doctype, und Headlines werden nicht in <p>-Container eingebettet.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben