HTML

Ansicht im Opera und Mozilla nicht korrekt, IE ist OK

Diskussionsgruppen
Betriebsysteme: Windows 7; WindowsVista; WindowsXP; Linux; BS-Sonstige
Software: Textverarbeitung; Tabellenkalkulation; Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; E-Mail/Outlook; Internet Browser; SW-Sonstige
Hardware: Mainboard/CPU/RAM; Grafikkarten; Peripherie; HW Sonstiges
Netzwerk: DSL; W-Lan; Telekommunikation; NW-Sonstiges
Programmierung: Skripte(PHP,ASP,Perl...); Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke

Frage

Hallo, meine Seite wird von Opera und Mozilla nicht korrekt dargestellt. Der Kopf verrutscht minimal nach rechts. Weiss jemand welche Einstellung ich da ändern muss???? Hängt das mit der Tabelle zusammen?? Außerdem möchte ich, dass der Bereich <Inhalt> so lang ist wie das Inhaltsverzeichnis, er soll sich aber automatisch vergrößern sobald mehr Text eingegeben wird!! Vielen Dank ... Gruss - Petra

Antwort 1 von Petra65

2. Frage hat sich erledigt - habe einfach die Höhe in <menue> und <inhalt> angegeben. Funktioniert einwandfrei!!

Antwort 2 von Petra65

Ich Dussel ...... hier die Testseite

http://www.p-henning.de/test.html

Antwort 3 von harrrharrr

schau mal auf deiner Seite ganz unten, und entferne im Quelltext::
>9

Gruß
harrr

Antwort 4 von Petra65

Petra: Augen auf .... das war mir ja gar nicht aufgefallen !!!

Habe jetzt den Bereich <header> auf eine Breite von 97.7% und den Bereich <footer> auf 98% gesetzt.

Nun geht es .....

Ist ja blöde die vielen Browser - würde mich mal interessieren wie es in noch anderen aussieht !!??

Antwort 5 von rfb

Irgendwie hast du nun wieder 4 HTML-Fehler drin.

Unklar ist wozu du Tabellen brauchst. Ich finde nirgendwo tabellarische Daten!

Mit diesem Gemisch aus Layouttabellen, Layout-Angaben im HTML und CSS musst du dich nicht wundern, wenn das seltsame Ergebnisse liefert. Es ist aber auch fast unmöglich die Ursache zu finden.

PS: ich verdiene mir mit der Bereinigung von solchem Quälcode gelegentlich ein paar Brötchen - versuch doch besser erst gar nicht so einen Mist zu fabrizieren.

Antwort 6 von Petra65

Quälcode???? süüß .....

Ich wollte in einer Zeile einen Text linksbündig, den anderen rechtsbündig haben. Mit css bin ich nicht klargekommen ;-( daher die Tabelle!!

Außerdem ist es doch mit css nicht möglich, so habe ich jedenfalls gelesen, Text in vertikaler Mitte auszurichten - daher die Tabelle im Kopfbereich! Wobei mich das Ergebnis nicht unbedingt befriedigt.

Gruss und vielen Dank...

Antwort 7 von Petra65

..... 4 HTML-Fehler:

wenn ich den Code einzeln (HTML, css) validiere werden keine Fehler gefunden !! Im original binde ich die css-Datei extern ein.

Nur in meiner Test-Datei tauchen diese Fehler auf...?

Antwort 8 von rfb

<html>
<head>
<style type="text/css">
#content {text-align:center;padding:10em 0;}
#footer {text-align:left;}
#footer span {display:block;float:right;}
</style>
</head>
<body>
<div id="content">Inhalt</div>

<div id="footer"><span class="r">rechts</span>links</div>

</body>
</html>

..... 4 HTML-Fehler:

& musst du maskieren: &
Außerdem tauchen einige IDs mehrfach auf.

Antwort 9 von Petra65

wow .... das mit dem footer ist ja genial !!! (Was machst Du eigentlich beruflich??)

Aber was ich nicht verstehe ist ...<span class="r">...
Die Klasse r hast Du doch nirgendwo definiert!!

Antwort 10 von Petra65

Noch etwas ....:

Zitat:
#content {text-align:center;padding:10em 0;}

Ich war bisher der Meinung, dass entweder jedes Element einzeln
padding-top:10em; padding-right:...... .....
angegeben werden muss.

Werden nur zwei angegeben, bedeutet dass, dass es sich um oben und rechts handelt??
Bei drei wären es oben, rechts, unten??

Antwort 11 von rfb

Zitat:
Die Klasse r hast Du doch nirgendwo definiert!!

stimmt, ist überflüssig, stammt noch aus dem Experimentierstadium.

Zitat:
Werden nur zwei angegeben, bedeutet

der erste Wert oben und unten, der zweite rechts und links