unerklärlicher abstand

Beitrag von **FuchsT** » 15.12.2005, 10:21

hallo,

für meine page habe ich eine übersicht gestaltet.
ein bild, daneben text ein strich
neues bild, neuer text usw.

also es ist immer derselbe "code"....

trotzdem habe ich beim ersten "block" einen (für mich) unerklärlichen abstand. unter dem erten bild.
sehen könnt ihr das unter
https://www.malediven-islands.de/inseln ... rsicht.htm

für einen tipp wäre ich sehr dankbar.

gruß
thomas

von **Anzeige von ABAKUS** »

Beitrag von **Garfield** » 15.12.2005, 10:51

Mir fällt auf, daß das erste Feld scheinbar genau auf der Höhe endet, wo auch der rechte Block "News - Unser neuer Reiseshop hat eröffnet..." endet.

Vielleicht hängts irgendwie damit zusammen ? Versuche mal, in den Newsblock einfach testweise einige Zeilen Text dazuzuschreiben, ob sich's dann noch verschlimmert.

Aber spontan erklären kann ich es mir auch nicht.

Beitrag von **philophax** » 15.12.2005, 11:00

garfield hat recht. Vergrößern von margin in .rightbox treibt die Linie unter Angaga weiter nach unten.

von **Anzeige von ABAKUS** »

Beitrag von **FuchsT** » 15.12.2005, 11:08

OK.
hab den text mal rausgenommen. jezt sieht alles gute aus.
https://www.malediven-islands.de/inseln ... rsicht.htm

bleibt nur noch die frage welchen zusammenhang das hat??:o
wenn ich mir die elemnte mit der webdeveloper extension anzeigen lasse, dann sehe ich absolut keinen zusammenhang.

noch ideen

Beitrag von **MonikaTS** » 15.12.2005, 11:11

Du hast zwar überall dasselbe html
aber nicht überall die gleiche Textmenge,

dies bewirkt, diesen vergrößerten Abstand.

weil ganz oben und ganz unten ist so ein großer Abstand zu beobachten, beides Inseln wo weniger Zeilen Text dabei steht.

ich kann nur raten, da das html extrem veraltet ist,
und daher Hilfe mehr als schwer ist,

sowohl bei
<br>
wie bei
<hr>
fehlt das *Zumachen des html tags*

überall wo Du
<br> stehen hast mach mal ein <br />
und aus jedem
<hr> ein
<hr />
wichtig der Abstand nach den Buchstaben bis zum Slash,
wenn Du
<br clear=all>
stehen hast,
weiß eigentlich kein Browser was er damit machen soll,

<br class="clear" /> in die html Seite

dann öffne die .css Datei, die heißt screenstyle.css

schreibe dort do wo Du es leicht wieder findest:

.clear{clear:both;}

außerdem Du hast

<h2>Die Inseln der Malediven - Hier finden Sie eine Übersicht.</h2>
<p>
<h3> Angaga </h3>
im Quelltext und NACH dem p folgt ein Überschriften tag,
das ist falsch,
auch dies kann Dir dein Layout schmeißen,
da ber sowieso alles unter dem div content läuft brauchst Du das p nicht,
lösche es ersatzlos raus
und vergiss nicht ganz am Ende den /p auch zu löschen,

die Angaben vspace etc sind ebenfalls uralt,
außerdem unnötig, die tun einfach nichts,

außer vielleicht unerklärliche Abstände produzieren,

lg

Beitrag von **MonikaTS** » 15.12.2005, 11:13

och...

ich habe den vorherigen QUellcode vor mir und Du änderst einfach ,

;)

aber meine html Tipps sind dennoch nicht falsch,

lachende Grüße

Beitrag von **FuchsT** » 15.12.2005, 11:22

sorry

danke für die tipps ich werd das dann mal ändern.
ich hab aber nicht gedacht, dass das soooo falsch ist.

kannst du mir noch ein paar gute quellen für ein selbststudium verraten.
bücher, online,.....
ev. ein gutes "coding" forum

wegen den <br /> usw. ist der abstand aber nicht da, oder? das muss doch noch einen anderen grund haben, oder?

danke nochmal
thomas

Beitrag von **FuchsT** » 15.12.2005, 12:31

habs gefunden.

probleme gibts mit
<br style="clear:both;" />, oder <br style="clear:right;" />

wenn ich
<br style="clear:left;" />
verwende, dann gehts.

grüße
thomas

ps: für weiterführende infos wäre ich trotzdem dankbar.

Beitrag von **Garfield** » 15.12.2005, 12:39

Gut finde ich www.css4you.de - hilft meistens schon weiter.

Beitrag von **Nullpointer** » 15.12.2005, 12:44

jaja das gute floatlayout - wirklich nix für anfänger (zu denen ich mich dann auch hin und wieder zählen muss

).

Beitrag von **philophax** » 16.12.2005, 20:23

Und vor allem: selfhtml: https://de.selfhtml.org/
An Stefan Münz führt kein Weg vorbei.

Beitrag von **Freilaufender** » 18.12.2005, 10:00

Noch ein heisser Tipp:

<div class="titleblock"> ist nicht für größere Auflösungen (1600x1200) ausgelegt. Dein Titel ist zwar für G* sichtbar, aber für den Besucher Deiner Seite nicht.... Eigentlich ist das schon fast "Hidden Content"

Beitrag von **FuchsT** » 18.12.2005, 12:28

danke,
hab die seite noch nicht in solchen dimensionen angesehen.

gruß
thomas

Beitrag von **Stephan Zöllner** » 28.11.2009, 20:37

FuchsT hat geschrieben:hab die seite noch nicht in solchen dimensionen angesehen.

Das solltest Du aber grundsäzlich schon beim erstellen des Templates!
Alle wichtigen Browser und alle wichtigen Auflösungen wollen getestet sein - sonst erlebt man manchmal seltsame Überraschungen.

aus Erfahrung sprech

Beitrag von **xAaron** » 28.11.2009, 21:04

Der Beitrag ist 4 Jahre alt und auf den du antwortest hat vor 3.5 Jahren seinen letzten Beitrag im Forum geschrieben. Hast du ernsthaft Hoffnung, dass er deine Ermahnung noch zur Kenntnis nimmt?