Wenn die Höhen so fix bleiben, kannst du es so lösen:
#header {
width: 95em;
height: 16em;
background-color: red;
position: relative;
}
#topmenue {
position: absolute;
right: 0;
top: 4em;
height: 8em;
width: 60em;
background-color: white;
}oder eben vertikal zentrieren.
Da habe ich die gleichen Einstellungen.
Und bei der Subdomain lediglich "A", was immer diese Angaben bedeuten mögen.
http://www.subdomain.hauptdomain.de = A
Allerdings weiß ich nicht, ob und wie ich das beeinflussen kann.
Weil sie gefloatet und der margin falsch rum ist.
So sollte es klappen:
#topmenue {
height: 8em;
margin: 0 auto;
width: 60em;
background-color: white;
}Ich hatte hinsichtlich meiner Subdomain folgende Anfrage erhalten:
Ein kleines Ärgernis: Deine Seite ist nur mit dem Zusatz www. aufrufbar.
Diese DNS-Einstellung kann man sehr einfach beim Domainhoster vornehmen und wäre eine schöne Sache für deine User (zumindest für mich).
Hat jemand eine Ahnung, wie und wo man das einstellen kann? Mein Zugang läuft über Plesk.
Ich kann da keine wesentlichen Unterschiede zwischen FF und IE 7 erkennen.
Außer dem Textabstand unterhalb der Grafikbox. Das kannst du vermutlich damit lösen.
Ansonsten schildere mal genauer was du meinst.
Nicht getestet, aber ersetze mal das
#navigation img {
display:block; width:184px; height:192px; border:0;
}durch das:
#nav img {
display:block; width:184px; height:192px; border:0;
}Vermutlich meinst du das: http://www.ohne-css.gehts-gar.net/0016.php
Ist mit float etwas problematisch, da du dann einen Breitenbezug zu beiden Teilen brauchst.
Versuch's mal so und weise fieldset ggf. noch eine Höhe zu.:
<div style="position: relative; left: 380px; top: -60px;">
<label for="anmerkung">Anmerkung</label>
<textarea name="anmerkung" cols="35" rows="3"></textarea>
</div>Deine Angaben zu textarea greifen deshalb nicht, weil es keine Klasse ist.
Wenn, dann musst du in den CSS-angaben den "Punkt" vor Textarea entfernen.
<ul> darf nur <li> enthalten.
Das
<blockquote>
<blockquote>
<h3><u>Navigation</u></h3>
</blockquote>
</blockquote>
gehört da nicht rein.
Die Navi solltest du besser nach dieser Methode machen.
Da stimmt das gesamte Grundgerüst nicht.
Elemente, die nur einmal vorkommen dürfen kommen mehrmals vor und viele Dinge stehen an der total falschen Stelle. Doctype fehlt.
Das ist schon ein Wunder, dass da überhaupt noch was halbwegs vernünftiges angezeigt wird.
An deiner Stelle würde ich die Seite komplett neu aufbauen:
Ohne Frames und ohne (Layout-)Tabellen.
Dieser Aufwand sollte sich längerfristig lohnen und wird im Endeffekt nicht viel größer sein, als die Fülle der Fehler zu bereinigen.
Ggf. kommt da auch ein CMS in Frage, falls mehrere Leute die HP pflegen sollen.
<span style="cursor:pointer;">Mauszeiger: Hand</span>Füge noch ein clear den #footer hinzu;
clear: both;Zentriere einen Div, am besten wie hier unter Ziffer 2 beschrieben.
Dann weise ihm wie von jojo87 dargelegt den background zu.
Sorry, aber vergiss deinen Code. Das ist reiner Zufall, falls der funktioniert.
Du missachtest dabei die Grundstruktur einer Homepage, verwendest Elemente mehrmals, die nur einmal vorkommen sollen und schreibst angaben an die falschen Stellen.
http://de.selfhtml.org/html/allgemein/grundgeruest.htm
Was das 100% große Bild betrifft, versuche es mal damit: http://www.ohne-css.gehts-gar.net/0055.php
Der Nachteil besteht jedoch darin, dass es zu Verpixelungen und damit zu Qualitätsverlusten kommen kann.
Die Positionierung von anderen Elementen ist zwar möglich, jedoch nicht in exakter Relation zu diesem Bild. Denn in unterschiedlichen Bildschirmfenstergrößen ist es dann ja ebenfalls unterschiedlich groß, so dass du keinen exakten Bezugspunkt hast.
Zur Tabelle:
Füge das noch in die CSS-Styleangaben ein:
* {margin: 0; padding: 0;}Näheres hierzu mit Begründung siehe http://www.ohne-css.gehts-gar.net/0037.php
Zum Link:
a:hover {
border-bottom: 1px solid #f00;
color: #FFFFFF;
}Deine ganze HP-Struktur stimmt nicht.
Es fehlt ein Doctype, html und head verwendest du mehrmals und an den falschen Stellen, obwohl diese Bezeichnungen nur einmal vorkommen dürfen.
Da musst du zunächst noch etwas Grundlagenarbeit leisten und dir einiges an Basiswissen aneignen, auch was die Positionierung von Elementen betrifft.
OK, diese Tabelle ist durchaus gerechtfertigt, weil es sich um eine strukturierte Darstellung handelt.
Damit sie in unterschiedlichen Browsern möglichst gleich aussieht, solltest du eine Schriftart und -größe definieren. Ansonsten werden die jeweiligen Browsereinstellungen verwendet.
Das erreichst du, indem du für body (im oberen Bereich des Quelltextes) diese Angaben hinterlegst, z.B. so:
body {
background-image: url();
font-family: Verdana, Arial, 'sans-serif';
font-size: 1em;
}Ist die Schrift zu groß, dann nimm 0.9em oder 0.8em
Achte darauf, dass die Dezimaltrennung durch Punkt und nicht Komma erfolgt.
Für Layoutzwecke brauchst du heute weder Frames, noch Tabellen, siehe z.B. hier.
Frames und (Layout-)Tabellen resultieren aus einer Web-Zeit, wo es noch nicht möglich war, Inhalt und Layout zu trennen. Mit dem Aufkommen von CSS hat sich dies geändert.
Für eine Navi verwendet man heute z.B. eine ul-Liste und keine Tabelle.
Vielleicht ist dir der CSS-Einsteigerkurs in meiner Signatur eine Hilfe, zumindest um etwas in die Materie reinzukommen.