Nicht über die ganze Breite?

Wir sammeln alle Infos der Bonusepisode von Pokémon Karmesin und Purpur für euch!

Zu der Infoseite von „Die Mo-Mo-Manie“

    Erst mal ein besipiel-code, auf dem so ne page aufbauen könnte:

    HTML
    <?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><meta http-equiv="content-type" content="text/html; charset=UTF-8" /><meta http-equiv="content-style-type" content="text/css" /><meta http-equiv="content-script-type" content="text/javascript" /><meta http-equiv="content-language" content="de-DE" /><link rel="stylesheet" type="text/css" charset="UTF-8" href="________" /><title>__________</title></head><body><div id="main"> inhalt,inhalt, inhalt</div></body></html>


    Und dann eben per CSS die Elemente style:

    CSS
    body {
background-color: #7a7a7a;
}


#main {
margin-left: auto;
margin-right: auto;
width: 50%;
}


    So, beides is nur schnell aus dem Kopf geschrieben, nich überprüft.

    Also, ich meinte das so dass die Website z.B. nur eine kleinere Auflösung hat, z.B. 800x600 (eher nicht) oder 1024x768, weil Leute mit einer kleineren Auflösung, dann nicht nur runter und rauf scrollen müssten, sondern auch nacht rechts und nach links. Mein PC hat 1280x800, und dann müssten Leute mit einer kleineren ja auch nach rechts oder links scrollen! Das will ich vermeiden, also will ich die Website, am besten so wie auch hier das BisaBoard, mit einer Auflösung von 1024x768 machen! Wie erreiche ich das ?


    Das ganze sieht ja dann so aus, das Leute mit der Auflösung 1280x800, einen "Rand" von ca. 4cm an den Seiten haben, (hier im BisaBoard ist der "Rand" z.B. Sinnoh). Leute mit einer Auflösung von 1024x768 dann nurnoch einen ganz dünnen Rand und Leute von 800x600, müssen dann scrollen (rechts und links), aber die Auflösung hat ja fast keiner mehr!


    Ich glaube ich hatte mich eben nicht so deutlich ausgedrückt! Sorry! (mal wieder -.-)


    Edit: Bitte nochmal um Hilfe!

    HTML
    <?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><title>Blaw</title><style type="text/css"><!-- HIER DAS CSS HIN--></style></head><body><div id="page">Ich bin ein beschränkter Text</div></body></html>


    CSS
    #page {
min-width: 800px;
width: 90%
}

    Also mich interresiert ja eigentlich erst alles ab dem <head> tag oder ?


    Muss man dieses min-width: 800px; und width: 90% selbst hinschreiben ?


    Das sieht alles genauso aus wie am Anfang, also wenn ich einfach eine Seite mach mit einem farbigem BG und ner schrift oben links!
    Am besten poste ich mal den Code:

    Hups nimm das CSS


    musst dann nur die Maße anpassen.



    Und der Body Tag muss so aussehen: <body>

    Also so !? :

    HTML
    <body>{color: #000;background: #7d9a1c;}a {color: #F00;}#page {min-width: 800px;width: 90%margin:auto;}



    Edit: Hab genau dasselbe wie vorher, nur ein anderer BG:


    So....:

    Wie wärs wenn du auch mal meinen Code übernehmen würdest. Und Formatierungen macht man mit CSS nciht mit HTML:



    So jetzt schau dir die und genau die an.