Delphi-PRAXiS - [html] div-tag

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)

- Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)

- - [html] div-tag (https://www.delphipraxis.net/35527-%5Bhtml%5D-div-tag.html)

glkgereon

8. Dez 2004 14:43

[html] div-tag

Liste der Anhänge anzeigen (Anzahl: 1)

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

8. Dez 2004 15:14

Re: [html] div-tag

Setz bei Menü und Header top und left auf 0

glkgereon

8. Dez 2004 15:38

Re: [html] div-tag

da ändert sich nix :(

SubData

8. Dez 2004 15:46

Re: [html] div-tag

padding rausnehmen...

glkgereon

8. Dez 2004 15:48

Re: [html] div-tag

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

123Kai

8. Dez 2004 15:53

Re: [html] div-tag

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

glkgereon

8. Dez 2004 15:55

Re: [html] div-tag

kann ich denn mit den tabellen die css so weiterverwenden?

SubData

8. Dez 2004 15:56

Re: [html] div-tag

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

czapie

8. Dez 2004 15:56

Re: [html] div-tag

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

8. Dez 2004 15:57

Re: [html] div-tag

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.

idontwantaname

8. Dez 2004 15:59

Re: [html] div-tag

müssen es eigentlich unbedingt div-tags sein??
mit einer tabelle wäre dies nämlich wesentlich einfacher zu realisieren

glkgereon

8. Dez 2004 16:20

Re: [html] div-tag

aber bei tabellen hab ich auch son blöden rahmen...

mirage228

8. Dez 2004 16:21

Re: [html] div-tag

Zitat:

Zitat von glkgereon

aber bei tabellen hab ich auch son blöden rahmen...

Auch bei

Code:

			<table border="0">

</table>

:shock: ?

mfG
mirage228

glkgereon

8. Dez 2004 16:24

Re: [html] div-tag

border macht ja nur die breite des rahmens, net din abstand von oben/links

ausprobiert, nein, bringt nix

NicNacMan

8. Dez 2004 16:32

Re: [html] div-tag

den rand oben und links kannste über <body topmargin="0" ...> oder mit css lösen:

Code:

			body { 

  margin: 0px; 

}

glkgereon

8. Dez 2004 16:42

Re: [html] div-tag

THX....das funzt :thumb: :thumb: :thumb:

Mamphil

8. Dez 2004 19:03

Re: [html] div-tag

Hi!

Bitte verwendet keine Tabellen für Layout-Zwecke! (Das kann man nie laut genug sagen!)

Ich habe das auch eine Zeit lang gemacht und zwinge mich inzwischen, darauf zu verzichten. Nach neusten Usability-Richtlinien sollen Tabellen nämlich NUR für strukturierte Inhalte verwendet werden und NICHT für Layout-Zwecke.

Öffentliche Einrichtungen können demnächst auch ganz schön Ärger bekommen, wenn sie sich daran nicht halten...

Mamphil

SebE	8. Dez 2004 19:44

Re: [html] div-tag

@Mamphil:
Wie soll man da schöne Web-Sites hinbekommen???
Die meisten Seiten sind mit Tabellen aufgebaut!

Matze

8. Dez 2004 20:04

Re: [html] div-tag

@Mamphil: Erkläre mir bitte, wieso deine Aussage stimmen soll.

SebE	8. Dez 2004 20:09

Re: [html] div-tag

Wo hast du diese Richtlinien denn eigendlich her?

one	8. Dez 2004 21:25

Re: [html] div-tag

Mag ja sein, dass man das nicht tun soll, aber von wem sollen die Seiten denn da Ärger bekommen? So viel Macht hat das W3-Konsortium nun auch wieder nicht. :lol:

Matze

8. Dez 2004 21:42

Re: [html] div-tag

Ich halte das für völligen Unsinn. Auch ein Forum z.B. besteht komplett aus Tabellen.

NicNacMan

8. Dez 2004 22:35

Re: [html] div-tag

ich würd nicht sagen, dass es verboten ist tabellen zu benutzen, aber wenn man seine seite an die normen anpassen will,
darf man bei der html-variante "strict" u.a. keine tabellen verwenden.

da hatten logischerweise viele n problem mit und desswegen gibts auch noch die variante "transitional",
in der man das alles noch darf.

wer s genau wissen will, sollte sich

das hier mal angucken.

wenn man das ganze layout in css dateien exportiert,
wird die seite zwar kleiner und man kann leicht das layout ändern,
aber wenn diese datei mal fehlt, sieht das garnicht schön aus :stupid:
desswegen gibt es wahrscheinlich auch keine w3c-icons in foren.

leddl

9. Dez 2004 00:46

Re: [html] div-tag

:gruebel: Wenn mich nich alles täuscht hat Mamphil sogar recht. Vor einiger Zeit gabs da einen Artikel in cer C't. Demnach müssen öffentliche Einrichtungen ihre Webseiten auch für Sehbehinderte zugänglich machen. Und da die Programme, mit denen Webseiten vorgelesen werden, mit der Tabellenstruktur im Layout nicht zurechtkommen, muß dafür gesorgt werden, daß Tabellen nicht dafür benutzt werden.

Steinigt mich nicht, wenn ich mich irre, aber ich glaub so wars. ;)

PS: Ich benutz aber auch Tabellen! :mrgreen: Geht einfacher und schneller. Hab mir mal kurz überlegt, ob ichs ändern soll, aber dafür hab ich momentan nicht genug Zeit. Und da es für ne Normalo-Seite nicht zwingend is, hab ichs eigentlich auch nicht eilig. ;)

Luckie

9. Dez 2004 01:14

Re: [html] div-tag

Bei strict sind keine Tabellen verboten, sondern nur die Attribute align und bgcolor. Nachzulesen hier:

http://de.selfhtml.org/html/referenz..._nicht_erlaubt

Und was öffentliche Einrichtungen müssen, dürfen oder nicht dürfen steht auf einem anderen Blatt.

leddl

9. Dez 2004 01:29

Re: [html] div-tag

//Edit:
Hab mal den ganzen Quatsch, den ich geschrieben hab, wieder entfernt! ;) Hab Luckies Post irgendwie falsch verstanden... :mrgreen:

Zitat:

Zitat von Luckie

Und was öffentliche Einrichtungen müssen, dürfen oder nicht dürfen steht auf einem anderen Blatt.

Ja, is klar. Aber immerhin kann man sich trotzdem daran orientieren. Is ja nich ohne Grund so. Aber das kann jeder natürlich selbst entscheiden. Will man jetzt, daß sein Seitenlayout recht einfach erstellt ist, oder daß die Seite auch für zB Sehbehinderten korrekt dargestellt wird. Aber solange das nicht bindend ist, oder zum Standard geworden ist, werd ich mir darum wohl auch keine Gedanken machen. Dafür fehlen mir Zeit und die nötigen Kenntnisse! ;)

alcaeus

9. Dez 2004 09:55

Re: [html] div-tag

Hi allerseits,

Mamphil hat in einem gewissen Sinne Recht: es gibt Leute die Tabellen zu Layoutzwecken verabscheuen, da fuer das Layout eigentlich CSS geschaffen wurde. Im Grunde genommen ist es eigentlich egal, der normale 0815-Surfer interessiert sich sowieso nicht dafuer, wie eine Seite aufgebaut ist. Und die Anzahl der Sehbehinderten, die im Internet surfen ist ja sowieso gering.

@glkgereon: ich wuerde auf jeden Fall mit Tabellen arbeiten, sie sind ein (kleines) bisschen einfacher. Ausserdem kannst du dort Inhalte perfekt schachteln.

Greetz
alcaeus

PS: bezueglich Tabellen zu Layout-Zwecken, seht euch mal das HTML-Output der DP an ;)

Alle Zeitangaben in WEZ +1. Es ist jetzt 16:12 Uhr.