[html] div-tag

[glkgereon]

also, das is jetzt hoffentlich kein son "vor-den-kopf-hau-fehler" wie vorhin :grummel:

da bin ich auch schon länger am knobeln...

also, mein problem:
folgender code

Code:

<div class="header"></div>
<div class="menu"></div>
<div class="main"></div>

Code:

.menu {
  width: 15%;
  height: 85%;
  background: rgb(255,0,0);
  padding: 5px;
  border: 0px;
}

.header {
  width: 100%;
  height: 15%;
  background: rgb(0,255,0);
  vertical-align: top;
  text-align: center;
  padding: 5px;
  border: 0px;
}

.main {
  position: absolute;
  top: 15%;
  left: 15%;
  width: 85%;
  height: 85%;
  background-color: rgb(0,0,255);
  vertical-align: top;
  padding: 5px;
  border: 0px;
}

erzeugt eine seite die bei mir so aussieht wie im anhang
der blaue main-teil geht nich genau in die ecke sondern ist zu weit oben links angesetzt...
ausserdem is aussenrum ein weisser rand, der aber beim blauen schmaler, aber auch vorhanden ist

ist das ein anzeigefehler?
oder is das stylesheet irgendwie falsch?

[SubData]

Setz bei Menü und Header top und left auf 0

[glkgereon]

da ändert sich nix

[SubData]

padding rausnehmen...

[glkgereon]

bringt auch nix, es überschneidet sich immer noch, und der rand bleibt auch

[123Kai]

Das Problem liegt da an den Prozenten. Benutz am besten Pixel Angaben. z.B. kannst du die Position ach absolut angeben... da gibts echt viele Möglichkeiten

Nebenbei bemerkt: Es ist viel besser Tabellen zu erstellen, da jeder (wirklich jeder) Browser diese blöden div Tags anders interpretiert. Das is echt ärgerlich. (Da hab ich schon meine Erfahrungen mit gemacht)

[glkgereon]

kann ich denn mit den tabellen die css so weiterverwenden?

[SubData]

Hab damit gerade ein wenig rumgebastelt... Es geht nur wenn die direkt im DIV Tag die Position zuweist und nich über ne Klasse

[czapie]

ein beliebter Trick ist ebenfalls:
Du hast Bereiche die zwingend eine bestimmte Breite haben.
Nimm eine durchsichtige 1 pixel hohe und x pixel breiter Graphik.
Setzt die in dein Bereich, das sieht keiner und garantiert die deine Breite von x.

[123Kai]

Erstell zunächst eine Normale Tabelle. Dann kannste (wenn du willst) mit css die Tabelle weiter formatieren. Da schauste dir am besten mal selfhtlm an.