Gruppen

Top Gruppen: Windows 7; Windows Vista; Windows XP; Textverarbeitung; Excel; DSL; Internet Browser; E-Mail/Outlook
Betriebsysteme: Windows classik; Linux; BS-Sonstige
Software: Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; SW-Sonstige
Hardware: Mainboard/CPU; Grafikkarten; Peripherie; Laptop/Notebook; HW-Sonstiges
Netzwerk: Telefon,ISDN,Modem; W-Lan; NW-Sonstiges
Programmierung: PHP,ASP,Perl...; Java,C++...; Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke; SN Intern; Test

/ Forum / Webseiten/HTML

Webseiten/HTML

Fragevon Strg_Alt_Entf vom 27.02.2019, 18:06 Options

HP wird im IE anders angezeigt als im Firefox

Hallo

Bei meiner Homepage http://www.hp-o-n.de.vu 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 schreiben

Antwort 1 von rfb vom 27.02.2019, 18:16 Options

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 vom 27.02.2019, 20:23 Options

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 vom 27.02.2019, 20:49 Options

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 vom 27.02.2019, 20:54 Options

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 vom 27.02.2019, 23:26 Options

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 vom 28.02.2019, 14:10 Options

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 vom 28.02.2019, 14:15 Options

Fehler behoben

Antwort 8 von MoRe99 vom 28.02.2019, 14:20 Options

Wo ist da noch ein Fehler?

Antwort 9 von MoRe99 vom 28.02.2019, 14:21 Options

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 vom 28.02.2019, 14:21 Options

naja, valide ist deine seite noch lange ned

schau mal Hier

Antwort 11 von MoRe99 vom 28.02.2019, 14:24 Options

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

Antwort 12 von Strg_Alt_Entf vom 28.02.2019, 17:40 Options

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 vom 01.03.2019, 07:55 Options

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 vom 01.03.2019, 15:11 Options

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 vom 01.03.2019, 15:33 Options

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 vom 01.03.2019, 17:36 Options

tut mir leid, aber wie mach ich das?

Antwort 17 von MoRe99 vom 01.03.2019, 18:11 Options

margin
padding

Antwort 18 von Strg_Alt_Entf vom 01.03.2019, 20:51 Options

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;
}
[b].aussenabstand {margin:2px 2px 2px 2px;}[/b]

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">
[b]  <p class="ausenabstand">[/b]
  <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 vom 01.03.2019, 21:39 Options

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 vom 01.03.2019, 21:51 Options

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ß

« Zurück
1
2
Weiter »

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..

Neue Einträge

Tipp einschicken

News einschicken