Formatierung Opera vs IE

Hallo Leute,

bin ein blutiger HTML Anfänger. Spiel mich grad mit der 30 Tage Testversion von Dreamweaver. Nachdem mir Frontpage zu sehr auf den Nerv gegangen ist. So weit so gut. Bin jetzt grad dabei, dass ich die Navigation fertig mache, aber da gibt es ein Problem.

Und zwar werden die Zeilenabstände im Opera und im IE verschieden angezeigt, sodass es im IE genau passt d.h die Schriften genau im Lautsprecher zentriert (sowohl X als auch Y Achse) bleibt und beim Opera ist sie kompakter (horizontal zusammen geschoben) und ist deshalb recht unpassend.

Außerdem wird das Mausover, wenn man schonmal einen Link angeklickt hat, erst wieder aktiv wenn man die Maus darüber bewegt. Ich hoffe ihr wisst was ich meine.

Ich hoffe ihr könnt mir helfen

Hier der Link:
http://www.mr-reed.de/HPv2/frameset.html

MFG

MrReed

yeti66

Gast,

darauf würde ich mich an Deiner Stelle gar nicht einlassen, da noch zu der Form in der Du das geschrieben hast dazu kommt, das der User in seinem Browser (Ansicht-Schriftgard-) einen größere Schrift voreingestellt haben kann.
Was letztendlich Deine "Links zentriert im Lautsprecher" zerschießt. Zuerst würde ich Deine Navi entweder mit Hilfe einer Tabelle in Form bringen oder gleich mit CSS formatieren.(Beispiele unter: http://www.css.maxdesign.com.au/)
Dann erledigt sich Deine "unterschiedliche Darstellung" von selber.

Ergo "ran an den Feind"

Gruß yeti66

MrReed

So also ich habs jetzt mit CSS gemacht. Und obwohl ich den Zeilenabstand usw genau festgelegt hab, wird es dennoch nicht gleich angezeigt.....bekomm noch die Motten. Gibt es denn irgendne Option wo ich die Links in der "CSS-Box" auch vertikal centrieren kann. So wies ja auch mit dem Text horizontal geht??

http://www.mr-reed.de/HPv2/frameset.html

MFG

MrReed
Achja und das Problem mit dem Mausover hab ich auch immernoch....*seufz*

Referend

Das geht soweit ich weiss nur mit Tabellen!

such mal nach vertical-align

MFG

MrReed

Danke! Hat mir geholfen!

Jetzt hat sich aber ein neues komisches Problem ergeben........

......nach EXTREM langer Fehlersuche, hab ich die Wurzel meines jetztigen Übels gefunden aber weiß nicht wie ich es behebe.

Problem: Ich hab beim Internet Explorer Scrollleisten, und zwar Horizontal. Und weil dieser (der Scrollbalken) eingeblendet wird dann auch noch vertikal nen Scrollbalken weil dann natürlich der Inhalt nicht mehr ganz ins Fenster passt, da der Balken ja nen Tiel klaut.
Es gibt aber eigentlich garnix nach rechts/links zur scrollen weil da nichts ist :-X !!!
Jetzt hab ich rausgefunden sobald ich den Text-Hyperlink von dieser jeweiligen Unterseite rausnehme, sind auch die Scrollbalken weg und alles passt. Wenn ich nen Hyperlink mit nem Bild statt nem Text mache, kommen ebenfalls keine Scrollbalken.
Es ist dabei aber völlig egal wo ich den Text-Hyperlink einfüge, sobald er da ist bekomm ich die Balken. Bei der Bild-Version ist garnix......kapier das grad überhauptned ??? Und wegen jedem Link ein Bild einfügen, kanns ja wohl ned sein >:(

Zur Veranschaulichung:

http://www.mr-reed.de/HPv2/frameset.html

Wenn man auf "Freunde" klickt sind da keine Scrollbalken obwohl dort ein Bild-Hyperlink ist.
Wenn man auf "Reed" klickt dann ist ganz unten ein Hyperlink und mit diesem sind auch die Balken dran.........

(mit IE anschaun, Opera z.B. machts "richtig")

MFG

MrReed

P.S: Falls der IE nen Fehler in der Seite anzeigt (Zeile 25 oder 27 oder sowas) einfach ignorieren. Das ist nur wegen dem "Preload" der Bilder. Das kann man rein oder raustun, hat mit meinem Scrollproblem keinen Zusammenhang.

yeti66

MrReed,

da ist aber noch einiges zu tun.
Kein HTML Grundgerüst wie DOCTYPE,<html> und <body> tag obwohl Du den <body> tag mit css im head definiert hast. Hier erst einmal die Änderung:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Mr Reed's Homepage</title>
<link rel="stylesheet" type="text/css" href="css/navi.css">
<style type="text/css">
<!--
body {background-image: url(bilder/navi.jpg);}
-->
</style>
</head>
<body>




[url='inhalt-start.html']:Home:[/url]</p>




[url='reed.html']:Reed:[/url]</p>




[url='freunde.html']:Freunde:[/url]</p>




[url='meggi.html']:Meggi:[/url]</p>




[url='dicker.html']:Dicker:[/url]</p>




[url='projekte.html']:Projekte:[/url]</p>




[url='wallpaper.html']:Wallpaper:[/url]</p>




[url='blog.html']:Blog&Gästb.:[/url]</p>




[url='impressum.html']:Impressum:[/url]</p>




[url='links.html']:Links:[/url]</p>
</body>
</html>

Alles anzeigen

Gruß yeti66

P.S.: Und das zieht sich teiweise durch die ganze Site. (kein body tag)

Tags