HTML

HP wird im IE anders angezeigt als im Firefox

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 Bei meiner Homepage [url]http://www.hp-o-n.de.vu[/url] wird der obere Frame (Navigation) im Firefox anders dargestellt als im InternetExplorer. Zeilenabstand und oberer Rand sind unterschiedlich. Das ganze soll in etwa so aussehen wie im Firefox. Zumindest sollt im IE nichts abgeschnitten sein. Wer kann mir helfen? Gruß PS: Kann nicht wirklich HTML (CSS eig. gar nicht)...

Antwort 1 von rfb

Wenn du verlinkst, dann bitte direkt auf deine Seite, nicht auf eine Pseudodomain. Denn an deren Code wirst du ja nichts ändern können.

Zur Frage: hast du die default-Werte für padding und margin bei allen Elementen berücksichtigt (sprich: auf 0 gesetzt)?

Außerdem: deine Seiten sind nicht valide, da sind Anzeigefehler schon dadurch erklärbar. Mach also erst einmal das HTML valide.

Antwort 2 von Strg_Alt_Entf

hpohnen.hp.funpic.de

danke,
padding und margin sind also wieder CSS. Hatte mir den "Code" erst falsch geschrieben und habe dann aus dem Internet folgendes übernommen:

<style type="text/css">
<!--

body {

     padding:0px;

     margin-left: 20px;
     margin-right: 0px;
     margin-top: 3px;
     margin-bottom:0px;

     }

-->
</style>

Ist das so in Ordnung?

Das ganze funktioniert!

Jetzt müsste ich jedoch noch den Zeilenabstand (zwischen Buttons und der Zeile mit "Notizen" "Kontakt/Feedback" "Impressum") ändern.
Das geht dann vermutlich auch wieder mit CSS. Wie weiß ich jedoch nicht. Entweder googel ich ein bisschen, oder du sagts mir vielleicht die Lösung (wäre klasse).

Außerdem: was genau meinst du mit deinem letzten Abschnitt?

Gruß

Antwort 3 von Strg_Alt_Entf

Wenn bei dem Code von oben

	 line-height: 1pt;

hinzufüge, ändert sich der zeilenabstand bie Firefox, IE bleibt jedoch gänzlich unbeeindruckt.

brauche rat

gruß und danke

Antwort 4 von Strg_Alt_Entf

IE bleibt jedoch gänzlich unbeeindruckt.

Stimmt doch nicht ganz. Wenn ich einen hohen Wert eingebe, ändert sich der Abstand, aber ich bekomme den Abstand nicht eng.

gruß

Antwort 5 von rfb

zu "valide" schau mal hier: Deine Seite im Validome

Außerdem steht in deinem Code ganz schöner Stuss, zB.:

<blockquote>
  <blockquote>
    <blockquote>&nbsp;</blockquote>
  </blockquote>
</blockquote>

blockquote kennzeichnet ein Zitat!
Du zitierst also in einem Zitat in einem Zitat ein geschütztes Leerzeichen!

Sowas und die o.g. Fehler (Stichwort: nicht "valide") musst du erst einmal beseitigen, bevor über CSS-Anzeigefehler nachgedacht werden kann.

Antwort 6 von Strg_Alt_Entf

Danke,

habe jetzt alle 12 Fehler, abgesehen von 1 behoben. Ich verstehe nicht ganz, wie der behoben werden soll.

Zum Validator

Gruß

Antwort 7 von Strg_Alt_Entf

Fehler behoben

Antwort 8 von MoRe99

Wo ist da noch ein Fehler?

Antwort 9 von MoRe99

Zitat:
Fehler behoben

Ahhh, dachte schon ;-)

Kommt davon, wenn man eine Antwort anfängt zu schreiben, die aber erst dann abschickt, wenn man eine Email beantwortet hat. Und das ohne nochmal nachzuschauen, ob schon eine neue Antwort in der Zwischenzeit geschrieben wurde. Meine Frage aus Antwort 8 also bitte als gegenstandslos betrachten ;-)

Antwort 10 von DeluxeStyle

naja, valide ist deine seite noch lange ned

schau mal Hier

Antwort 11 von MoRe99

Tja, sowas aber auch. Bis eben war deine Seite valide. Was hast du geändert?

Antwort 12 von Strg_Alt_Entf

Zitat:
Was hast du geändert?

Gar nichts. Ich war gar nicht daheim...

Hier ist der obere Frame aber valide.

- - - -

Zitat:
naja, valide ist deine seite noch lange ned

schau mal Hier

Da kommt bei mir die Meldung "Schwerer Fehler
Es wurde ein unbekannter Dokumententyp übergeben". Liegt vermutlich daran, dass nicht die richtige bzw. gar keine Seite geprüft wird.

- - - -

Ich möchte euch aber noch einmal an mein eigentliches Problem erinnern:
Ich möchte im oberen Frame den Abstand zwischen den Buttons und dem Text verkleinern.

URL des oberen Frames:
http://hpohnen.hp.funpic.de/seiten/frames/frame_oben.htm

Validigkeitstest oberer Frame
Hier klicken

Gruß

Antwort 13 von rfb

Der blockquote-Blödsinn ist ja immer noch drin...

Tipp: arbeite mal an p.Stil2, dort dürften die Eigenschaften margin und padding gefragt sein.

Antwort 14 von Strg_Alt_Entf

Zitat:
Der blockquote-Blödsinn ist ja immer noch drin...

upps, hab ich ganz vergessen hab mich nur auf das valide-ding konzentriert.
habs nicht komplett rausgenommen, da der IE sonst schrift unten abschneidet

</div>
    <blockquote>&nbsp;</blockquote>
</body>
</html>

Zitat:
Tipp: arbeite mal an p.Stil2, dort dürften die Eigenschaften margin und padding gefragt sein.

warum? wie?

- - -
und nochmal mein problem:
Ich möchte im oberen Frame den Abstand zwischen den Buttons und dem Text verkleinern.
- - - -

gruß

Antwort 15 von rfb

Zitat:
</div>
<blockquote> </blockquote>
</body>
</html>

ist nicht ernsthaft besser. Für Layout gibts CSS, du musst dafür nicht HTML-Elemente vergewaltigen.

Zitat:
warum?

weil ich dort den Fehler vermute

Zitat:
wie?

Werte angeben im CSS

Antwort 16 von Strg_Alt_Entf

tut mir leid, aber wie mach ich das?

Antwort 17 von MoRe99

margin
padding

Antwort 18 von Strg_Alt_Entf

Wie soll ich eigentlich padding nehmen, wenn ich gar keine tabelle, und somit auch kein <td>, habe?

habe margin jetzt mal gemacht, aber jetzt ist das Ergebnis schlechter als zuvor. Im Firefox ist der der zu weit unten, im IE sogar abgeschnitten.

vermutlich habe ich es falsch gemacht =(

<style type="text/css">
<!--
body {
	background-image: url(/bilder/backgrounds/frame/hintergrund_frame_oben.jpg);
	background-repeat: repeat-x;
	background-color: #333333;
}
.aussenabstand {margin:2px 2px 2px 2px;}

weiter unten dann:

</head>
<body onload="MM_preloadImages('/bilder/buttons/home /home_over.jpg','/bilder/buttons/fotos/fotos_over.jpg',' /bilder/buttons/stuff/stuff_over.jpg','/bilder/buttons
/ueber_mich/ich_over.jpg','/bilder/buttons/rammstein /rammstein_over.jpg','/bilder/buttons/tipps_tricks
/tipps_tricks_over.jpg','/bilder/buttons/gb/gb_over.jpg','
/bilder/buttons/forum/forum_over.jpg')">
<div align="center" class="Stil1">
  <p class="ausenabstand">
  <a href="/seiten/index_inhalt.htm" target="mainFrame" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home-Button','',' /bilder/buttons/home/home_over.jpg',1)"><img src="/bilder/buttons/home/home_normal.jpg" alt="Home-Button" name="Home-Button" width="50" height="26" border="0" id="Home-Button"/></a>

(habe oben beim hier reinkopieren ein paar leerzeichen eingefügt, damit die supportnet-seite nicht zu breit wird)

Was ist falsch? Vielen Dank für die Geduld!

Gruß

Antwort 19 von rfb

Zitat:
Wie soll ich eigentlich padding nehmen, wenn ich gar keine tabelle, und somit auch kein <td>, habe?

Quatsch, padding ist der Innenabstand eines Elements, das gibts natürlich bei allen möglichen Elementen, nicht nur bei Tabellenzellen. Lies doch einfach mal bei den von MoRe99 verlinkten Stellen nach.

Zitat:
habe margin jetzt mal gemacht,

aber wohin denn nun schon wieder?
was dich interessiert ist der Abstand des p.stil2, sprich die CSS-Eigenschaften padding und margin des Elements p, dem du die Klasse stil2 verpasst hast.
Lösch diesen aussenabstand-Kram wieder, der ist überflüssig!

Antwort 20 von Strg_Alt_Entf

danke

Zitat:
Lies doch einfach mal bei den von MoRe99 verlinkten Stellen nach.

ja da ist steh aber auch folgendes:

<table border="1">
 <tr>
  <td style="padding:35px">
   Irgendein Inhalt
  </td>
 </tr>
</table>

und das ist ja eine tabelle

Zitat:
Lösch diesen aussenabstand-Kram wieder, der ist überflüssig!

ok, gemacht

Zitat:
Abstand des p.stil2, sprich die CSS-Eigenschaften padding und margin des Elements p, dem du die Klasse stil2 verpasst hast.

Ich verstehe nicht, wie das geht (ich habe die links durchgelesen!)

gruß

Antwort 21 von rfb

da steht bei padding vor allem:

Zitat:
Anwendbar auf: Alle Elemente

ansonsten: du hast doch in deinem Stylesheet Angaben zu .stil2 gemacht. Ergänze diese um padding und margin.

Antwort 22 von Strg_Alt_Entf

.Stil2 {font-size: xx-small}
style {
		padding="0px"
		margin="0px"

a:link {
	color: #FFFFFF;
	text-decoration: none;
}

stimmt vermutlich nicht, aber ich kann heute nicht mehr weiter arbeiten.

bis morgen!
gruß

Antwort 23 von rfb

Zitat:
stimmt vermutlich nicht,

richtig, aber du brauchst doch bloß in den Rest des Stylesheets zu schauen wo die Fehler sind:

.Stil2 {font-size: xx-small;
      padding:0;
      margin:0;
}

also: in die Klammer bei Stil2, Trennung per Semikolon, keine Gleichheitszeichen, kein "style", keine Anführungszeichen sondern Doppelpunkt und da 0px immer noch nix ist dürfen die px auch wegfallen.

Antwort 24 von Strg_Alt_Entf

ok danke,

habe schon einige Kombinationen bei den padding und margin werten versucht, aber ich bekomme die schrift im InternetExplorer nicht weiter hoch.
die besten ergebnisse erziehlte ich mit 0 und 0 (so wie bei antwort 23), aber selbst da wird im IE die schrift abgeschnitten, da sie zu weit unten ist.

gruß

Antwort 25 von rfb

dann solltest du den darüberliegenden Elementen (welche das sind musst du mal selbst rausfinden) ebenfalls entsprechende Werte verpassen.

Antwort 26 von Strg_Alt_Entf

ok habe ich gemacht. und es hat funktioniert! abstand zwischen buttons und text ist jetzt kleiner.

ist es so, dass man im header einer seite, verschiedene layoutangaben macht (und denen einen titel [stil2] verpasst) und dann im body-bereich nur noch mit

  <p class="Stil2">

angibt, dass Stil2 verwendet werden soll? ist das so richtig?

gruß

PS: kannst du mir eine subdomain empfehlen? ist nic.de.vu gut? ich habe dort nämlich probleme auf deren hauptseite (ich werde dauernd rausgeworfen, aber an den cookies kann es eig. nicht liegen)

Antwort 27 von rfb

Frage 1: ja!
Frage 2: nein, die paar Euro für eine vernünftige Domain mit Webspace ohne diesen ganzen Pseudodomain-Unsinn mit all ihren Nachteilen sollten drin sein