Homepagebau - Anordnung der Grund-DIVs

bernd_franken · 14. September 2011

Hallo,

ich möchte mit html und css-Technik eine kleine Vereinshomepage bauen.
Architektur ungefähr so:

Die Homepage soll sich immer in der Mitte des Browser-Fensters befinden.
Ich habe jetzt schon eine Menge Widersprüchliches zu Divs im Internet gelesen und bin verunsichert:
* Absolute, relative oder floatende Positionierung?
* Fest vorgegebene div-Breiten oder Prozentangaben?

Ich suche nun einen guten html-Code für eine zeitgemäße Definition der Grundrahmen, die in allen neueren Browsern funktioniert.
Es soll dadurch der Gleichbau aller Seiten gewährleistet sein und wenig Aufwand bei der Seitenpflege.

Madman1209 · 14. September 2011

Hi,

vielleicht wäre so etwas wie Wordpress interessant für dich? Ohne großes Hintergrundwissen leicht zu erstellen und bearbeiten sowie mit neuen Daten zu pflegen. Ausserdem mit fertigen Layouts anzupassen. Das eigentliche Programmieren haben schon andere gemacht.

Wäre das nichts? Oder geht es dir um den Lerneffekt?

VG,
Mad

Yuuri · 14. September 2011

Mal ganz einfach:

HTML:

<?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">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Test</title>
<style type="text/css">

* {
  margin: 0;
  padding: 0;
}

#main {
  width: 70%;
  margin: 0 auto;
  background: #ccc;
  min-height: 512px;
}

#header {
  width: 100%;
  height: 128px;
  background: #f00;
}

#navi {
  display: inline-block;
  width: 30%;
  min-height: 384px;
  background: #0f0;
}

#content {
  display: inline-block;
  width: 69%;
  min-height: 384px;
  background: #00f;
}

</style>
</head>
<body>

<div id="main">
  <div id="header">Header</div>
  <div id="navi">Navi + News</div>
  <div id="content">Content</div>
</div>

</body>
</html>

bernd_franken · 14. September 2011

Hallo, Yuuri,

das war genau, was ich gesucht habe. Dicker Respekt und herzlichen Dank!
Hab mir die Finger heiß gegoogled nach sowas.

@ Madman1209
Der Webspace ist schon vorhanden, er bietet kein Mysql und kein php. Deswegen geht wordpress nicht.
Habe auch Bedenken, weil Wordpress eigentlich für Blog-Seiten gedacht ist.
Und um sich in Wordpress gut einzuarbeiten brauchts wohl 2 Wochen.
Die normale html-Technik (mit Ausnahme dieser div-Frage) dagegen ist mir geläufig.
Wordpress ist hier auch nicht ausgenutzt, weil nur ich die Site pflege.
Außerdem wird der Auftritt kaum mehr als vier Seiten erreichen.

Grüße von Bernd

Yuuri · 14. September 2011

Du kannst auch einfach nach HTML CSS Layout googlen, da solltest du noch viele weitere Beispiele bekommen. HTML DIV Layout wäre auch eine Option. Aber schon Mal gut zu hören, dass du keine Table Layouts nutzen willst.

Madman1209 · 14. September 2011

Hi,

Aber schon Mal gut zu hören, dass du keine Table Layouts nutzen willst.

Stimmt

VG,
Mad

bernd_franken · 14. September 2011

>>dass du keine Table Layouts nutzen willst.

Ja, Table Layout würde ich mich nie trauen, weil man dann in der Internet-Gemeinde "unten durch ist" und geradezu öffentlich hingerichtet wird

Suche

Homepagebau - Anordnung der Grund-DIVs

bernd_franken

Gast

Madman1209

Fleet Admiral

Yuuri

Fleet Admiral

bernd_franken

Gast

Yuuri

Fleet Admiral

Madman1209

Fleet Admiral

bernd_franken

Gast