Bitte um Hilfe bei Problem...

html.de-Forum HTML, XHTML & CSS
1

Hallo.

[COLOR=„Red“]Unten steht schon wieder ein neues Problem…

Vielen Dank für eure Hilfe.

MfG
Toni

2

Hallo t0n1,
dein geposteter CSS Code wird wenig helfen. Wenn ich deinen
Code als Grundlage nehme, und diesen in eine kleine HTML Seite einbaue,
werden die Schriften auf gleicher Höhe angezeigt, also liegt das Problem
nicht an deinem CSS sondern eher an deinem HTML. Von daher würde
uns dieser Code mehr helfen :slight_smile:
Gruss prostel

3

Gut, hier dann der HTML-Code als TXT.
klick

4

Hi t0ni,
nimm einfach mal in #nav das margin-top:1em raus. Dann ist beides auf einer Höhe.
So viel ich weiß, gibt es auch kein float=„top“ im CSS. Nur right und left.
Hoffe ich konnte dir helfen.
Gruß
DaniSahne

5

Vielen Dank Dani,
Du hast (natürlich) in beiden Punkten recht.
das „float: top“ hab’ ich mir ausgedacht, nach dem Motto „wenns left und right gibt, muss es auch top geben“.
Aber auch ohne das „float: top“ ändert sich nichts. Ist also gelöscht :wink:

Auf das margin-top hätt’ ich auch selbst kommen können…
Naja, aller Anfang ist schwer. Aber dafür hab’ ich ja euch…

Also nochmal vielen Dank.
MfG
Toni

[COLOR=„Red“]Auf geht’s also zum nächsten Problem…

Bsp1 ist so wie es sein soll.
Bei Bsp2 verrutscht alles…
Kann ich das unterbinden??

HTML Bsp1
CSS
HTML Bsp2
CSS bleibt gleich.

Vielen Dank euch allen…
Toni

6

Hoffe das Problem lässt sich damit beheben.
Vielleicht solltest du mal dein DOCTYPE erweitern.
Gruß
DaniSahne

[code]
body {font-size:medium;
font-family:verdana;
color:white;
margin:5px;
padding:0em;}

#top {height:75px;
background-color:#7F0000;
text-align:center;}

#nav {float:left;
width:10em;
height:25em;
background-color:#7F0000;
color:black;
margin-top:2px;
padding:1em 0;}

#box {float:right;
background-color:#7F0000;
width:12em;
height:25em;
margin-top:2px;
padding:1em;}

#content {margin-top:2px;
margin-left:10em;
height:25em;
padding:1em 0 0 1em;}

#bottom {background-color:#7F0000;
padding:1em;
text-align:center;}
.liste {margin-top:0em;}

Grüße der Klasse gehen an alle Lessing
-Gymnasiasten.
Beispieltext
Beispieltext
Beispieltext

© 2006 by Toni Wolframm. All Rights reserved.
[/code]
7

Meinst du statt

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">lieber <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">oder hab ich dich da falsch verstanden?

Was hast du jetzt am Code geändert bzw. was bewirken diese Änderungen?

Vielen Dank für deine Geduld mit mir ;Jump

MfG
Toni

8

Genau sowas. Komplett könnte man’s dann auch so machen… (Beispiel xhtml) http://jendryschik.de/wsdev/einfuehrung/xhtml/aufbau Der Code sollte jetzt bewirken, das sich der Footer nun nicht mehr verschiebt. Zumindest zeigt mir das FF 2.0 und IE 6 an. :wink: Solang ich Zeit habe kein Problem. Muss auch noch ne Menge dazulernen und das ist sozusagen ein bisschen Training. Gruß DaniSahne

9

Und sofort sind noch mehr Fragen da… :frowning:

Strict oder Transitional?
Link dahinter oder nicht?
HTML oder XHTML?
HTML 4.01 oder älter?

Vielen Dank.

Werde mal deine Code analysieren und gucken, was du so verändert hast…

Hab ich mich schon bedankt? :wink:

10

Welche (x)HTML und CSS Version du nimmst liegt ganz an dir. Ich persönlich verwende meistens xhtml strict und css 1.0. , aber es kommt wohl immer darauf an, was du wem anbietest. Mach dich da einfach mal ein wenig schlau. Google bietet da viele Möglichkeiten. :wink: DaniSahne