Jump to content
ecbeer

Html

Recommended Posts

Posted

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

Posted (edited)
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>

Edited by Monoman
Posted (edited)

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

Edited by ecbeer
Posted

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 :)

Posted

: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

Posted

Jo, stümmt... da ist doch glatt der DOCType verrutscht ^^

Posted

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.

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.