Zum Inhalt springen
ecbeer

Html

Empfohlene Beiträge

Hallo,

ich bin gerade dabei eine Homepage zu basteln und ich würde gerne Nicht das ganze Browser Fenster benutzen sondern nur innen einen kasten !!! siehe Bild!!!

schonmal danke im Voraus!!

Mfg ecbeer

post-17894-1157380659_thumb.jpg

Link zu diesem Kommentar
Auf anderen Seiten teilen

IFRAME ist Dein Freund

Witz? :blink:

@ecbeer:

Das Beste wäre, du verwendest ein div welches du zentriert positionierst:

<?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="de">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Zentrierter Container</title>

<style type="text/css">

/* <![CDATA[ */

div#main {

margin: 5% auto;

width: 820px;

height: 470px;

border: 1px solid #AAA;

overflow: auto;

}

/* ]]> */

</style>

</head>

<body>

<div id="main">

Lorem ipsum...

</div>

</body>

</html>

Bearbeitet von Monoman
Link zu diesem Kommentar
Auf anderen Seiten teilen

Jo ok werde ich ausprobieren!! :) Ähm jetzt nur noch eine frage ich kenne mich nicht so mit div aus !! Wie kann ich das jetzt noch am besten unterteilen also im Bild oben sind ja zwei graue Kästen an der Seite und in das linke soll das Menü rein und in des rechte einfach Daten!! Wie mach ich das am geschicktesten!???

Aber nochmal danke für die schnelle Hilfe ;)

Mfg ecbeer

Bearbeitet von ecbeer
Link zu diesem Kommentar
Auf anderen Seiten teilen

Tach zusammmen,

habe den Code mal ein wenig überarbeitet, weil noch zwei kleine Bugs drinnen waren:

<!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="de">

<?xml version="1.0" encoding="UTF-8" ?>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Zentrierter Container</title>

</head>

<body>

<style type="text/css">

/* <![CDATA[ */

div#main {

margin: 5% auto;

width: 80%;

height: 600px;

border: 1px solid #AAA;

overflow: auto;

}

/* ]]> */

</style>

<div id="main">

Lorem ipsum...

</div>

</body>

</html>

Die Sache ist nur die: wenn Du wirklich noch nie etwas mit HTMl gemacht hast, wird der Einstieg so schwierig. Gerade wenn die Seite größer wird, bietet es sich an das Stylesheet - also diesen Teil:

<style type="text/css">

/* <![CDATA[ */

div#main {

margin: 5% auto;

width: 80%;

height: 600px;

border: 1px solid #AAA;

overflow: auto;

}

/* ]]> */

</style>

in eine eigene Datei auszulagern. Was Du hier siehst, sind über CSS optimierte Container. Ein sehr schwieriges Feld, das durch das Boxed-Modell gerade im Bereich der Browser-Kompatibilität einiges an Fingespitzengefühl braucht. Sprich: Nicht gerade für einen Einstieg geeignet. ich würde fast vorschlagen, Du besorgst Dir für den Anfang einen WYSIWYG (What you see is what you get) Editor und spielst ein bißchen damit rum :)

Link zu diesem Kommentar
Auf anderen Seiten teilen

:blink: Öhm, Punkbuster, jetzt ist der Code völlig durcheinander. :blink:

Bei mir waren nur die Tags: </head> und <body> doppelt. Ist aber gefixt. :D

MfG

Monoman

Link zu diesem Kommentar
Auf anderen Seiten teilen

Jo also schon mal herzlichen dank!!

Doch HTML behersche ich so einigermassen! :D

Für ne eigene page hat es gereicht :P

nur mit css hab ich noch nicht angefangen was ich jetzt wohl tuen muss.

Link zu diesem Kommentar
Auf anderen Seiten teilen

Erstelle ein Benutzerkonto oder melde Dich an, um zu kommentieren

Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können

Benutzerkonto erstellen

Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!

Neues Benutzerkonto erstellen

Anmelden

Du hast bereits ein Benutzerkonto? Melde Dich hier an.

Jetzt anmelden


  • Wer ist Online   0 Benutzer

    • Keine registrierten Benutzer online.
×
×
  • Neu erstellen...

Wichtige Information

Wir haben Cookies auf Deinem Gerät platziert. Das hilft uns diese Webseite zu verbessern. Du kannst die Cookie-Einstellungen anpassen, andernfalls gehen wir davon aus, dass Du damit einverstanden bist, weiterzumachen.