Jump to content
Melde dich an, um diesem Inhalt zu folgen  
ecbeer

Html

Recommended Posts

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

Diesen Beitrag teilen


Link zum Beitrag
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

Diesen Beitrag teilen


Link zum Beitrag
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

Diesen Beitrag teilen


Link zum Beitrag
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 :)

Diesen Beitrag teilen


Link zum Beitrag
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

Diesen Beitrag teilen


Link zum Beitrag
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.

Diesen Beitrag teilen


Link zum Beitrag
Auf anderen Seiten teilen

Erstelle ein Benutzerkonto oder melde dich an um zu kommentieren

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

Benutzerkonto erstellen

Neues Benutzerkonto für unsere Community erstellen. Geht einfach!

Neues Benutzerkonto erstellen

Anmelden

Du hast bereits ein Benutzerkonto? Melde dich hier an.

Jetzt anmelden
Melde dich an, um diesem Inhalt zu folgen  

  • Wer ist Online   0 Benutzer

    Keine registrierten Benutzer online.

×

Übrigens…

Wir verwenden übrigens auch Cookies. Aber: Wir tracken nichts sondern erleichtern dir damit das Leben. Mehr dazu findest du hier.