Größe der Homepage festlegen (Pixel) + Menü + Tabellen ...

barstl

hi,
habe mal eine frage die sicher sehr zügig beantwortet werden kann.

ich baue mir gerade eine homepage und möchte die größe der seiten gerne festlegen, d.h. die seite soll in der mitte des browserfensters sitzen und nicht über die komplette breite und länge gehen. (mit umlaufendem rand)

bsp.:
"http://www.golfclub-salzburg.at"

innen soll meine homepage auch weiss sein und aussen(rand) grau oder was anderes eben....

das design wird so ähnlich wie im bsp. gezeigt sein. also, oben ein menü zum aufklappen und unten der inhalt.
mache ich sowas - mit tabellen??? mit frames hab ich sowas nicht wirklich hinbekommen. was empfehlt ihr mit für das menü, java, css oder was???
und auch diese rote linie über der menüleiste habe ich nicht hinbekommen-fügt man da ein rotes bild ein??

sind ziemliche anfänger fragen und wurde auch bestimmt schon x-mal beantwortet, habe die antworten aber nicht gefunden....würde mich freuen wenn ihr mir weiterhelfen könntet

bis dahin,
grüße-basti[/url]

driver

also ich spontan würd außen ne tabelle machen.
dort dann header, menü, hintergrund... rein.

innen dann nen transparenten iframe rein wo du
praktisch den kompletten inhalt anzeigen kannst..

majoversum

Nix Tabelle, <div> und css!

http://www.css4you.de/wslayout1/index.html <-- da steht wie es geht!

Tabellen sind mistig und m.E. viel zu aufwändig!

driver

find ich nicht... du hast schließlich nur 1 tabelle....

und in der regel hat die nur 3 zellen
- menü
- hauptteil
- kopf

majoversum

Naja, aber Tabellen sind nicht fuers Layouten gedacht (waren sie auch nie *g*) !
Ich mein, klar ist es gemuetlich sich schnell ne Tabelle zu machen... Aber mit <div>s isses einfach schöner!

lern es gleich richtig.
css ist nicht sooo schwer
... und sieht, wie schon erwähnt, besser aus... auch in hinsicht auf barrierefreiheit

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>beispiel</title>


<style type="text/css">
<!--
html {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;         
overflow:hidden; width:100%; height:100%; background-color:#cccccc;}
#container {position:relative; margin:0px auto; top:15px; width:750px; height:600px; background-color:#ffffff; border:1px #464646 solid;}
#roter_streifen {position:absolute; width:100%; height:25px; top:25px; background-color:#ff0000;}
#menu {position:absolute; width:100%; top:65px; border-bottom:1px #464646 dashed; border-top:1px #464646 dashed;}
#mainframe {position:absolute; width:100%; height:500px; top:100px; overflow:scroll;}
-->
</style>


</head>


<body>
<div id="container">
	<div id="roter_streifen"></div>
	<div id="menu">.link1. . . . . . . . .link2. . . . . . . . .link3. ...</div>
	<div id="mainframe">hier schreib dein inhalt rein...</div>
</div>
</body>
</html>

Alles anzeigen

Tags