ecbeer 0 Melden Geschrieben 4. September 2006 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
Monoman 0 Melden Geschrieben 4. September 2006 (bearbeitet) IFRAME ist Dein Freund Witz? @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 10. September 2006 von Monoman
ecbeer 0 Autor Melden Geschrieben 5. September 2006 (bearbeitet) 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 5. September 2006 von ecbeer
-=Punkbuster=- 166 Melden Geschrieben 10. September 2006 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
Monoman 0 Melden Geschrieben 10. September 2006 Öhm, Punkbuster, jetzt ist der Code völlig durcheinander. Bei mir waren nur die Tags: </head> und <body> doppelt. Ist aber gefixt. MfG Monoman
-=Punkbuster=- 166 Melden Geschrieben 10. September 2006 Jo, stümmt... da ist doch glatt der DOCType verrutscht ^^
ecbeer 0 Autor Melden Geschrieben 10. September 2006 Jo also schon mal herzlichen dank!! Doch HTML behersche ich so einigermassen! Für ne eigene page hat es gereicht nur mit css hab ich noch nicht angefangen was ich jetzt wohl tuen muss.