• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Unterschiedliche Anzeige, lösung bitte :/

Status
Für weitere Antworten geschlossen.
Tar

Tar

Aktives Mitglied
Also liebe HTML Community,

das proggn macht keinen Spaß wenn dauernd fehler auftreten. so wie bei mir :/

www.thorbenroemer.de/tmgf/home.html

Oben, der Rahmen um den Header passt im IE, Netzcape und so weiter. Nur im Firefox nicht (Opera hab ich nich drauf)... Würde gerne wissen, wie ich das so hinkrieg, das es überall gleich aussieht.

die Stylesheets:

www.thorbenroemer.de/tmgf/css/style.css
www.thorbenroemer.de/tmgf/css/links.css

mfg
Tar-Minyatur

PS: Das restliche Design ist noch im Aufbau und fehlerhaft. Es geht nur um das Problem, nicht um den rest der seite!
 
Hallo Tar-Minyatur,

versuche es mal in der style.css mit

Code: 
body {
padding:0px;
}

Gruß Mysterious
 
ich vermute, das hat einen einfacheren grund:

der teil mit der id "header" ist schlichtweg 3 px breiter als die darunterliegenden elemente.

korrigiert mich wenn ich falsch liege ^^
 
@ Commodore:

Ja, aber wenn du es in verschiedenen Browsern betrachtest stimmt es mal, und mal nicht, da liegt ja das problem.

@ Mysterious:

Das hat wenig gebracht. Es sieht alles aus wie davor.
 
Hi Tar-Minyatur

also auf jeden Fall zeigen die Browser in dem der Header 3 Pixel breiter ist, die Seite richtig an.
Code: 
#header {
         text-align:center;
         margin:auto;
         width:819px;
         border:3px solid #000000;
         border-bottom-width:0px; }      

.menucontent {border:3px solid #000000;
             background-image: url(../images/background.gif);
             margin:auto;
             width:816px; 
             margin-bottom:0px;
             }
Ich weiß das es bezüglich der Breite unterschiede gibt, weil IE den Rahmen dazu rechnet, während der FF ihn in die Breite mit rein nimmt. Trotzdem müsste hier eine "Gleichheit" vorliegen, sofern du bei beiden Divs eine Breite von 816 (oder 819) nimmst und jeweils einen Rahmen von 3px verwendest.

Auf dieser Testseite haut es jedenfalls hin.
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>TEMP</title>
<meta http-equiv="Content-Type" content="text/css; charset=iso-8859-1" />
	<style type="text/css">
	#header {
		text-align:center;
		margin:auto;
		width:819px;
		border:3px solid #000000;
		border-bottom:0;
	}

	#menucontent {
		border:3px solid #000000;
		background-color:#e0e0e0;
		margin:auto;
		width:819px;
		margin-bottom:0;
	}
	</style>
</head>

<body>

	<div id="header">KOPF</div>
	<div id="menucontent">MEN&Uuml; und INHALT</div>
	
</body>

</html>
Ich hoffe das hilft dir weiter. ;)

Gruß
Hobbyuser
 
Wunderbar! Es hat geklappt! Danke hobbyuser! :D

Hat jetzt noch jemand eine idee, wie ich es hinkriege, das zwischen den Linkbildern kein Abstand mehr ist?
 
Tar-Minyatur schrieb:
Hat jetzt noch jemand eine idee, wie ich es hinkriege, das zwischen den Linkbildern kein Abstand mehr ist?
Zum Vergrößern anklicken....
Sorry, aber so ein Menü hab ich noch nie gesehen. :shock:
Warum machst du das nicht als Liste, so wie es sich gehört?

Hier mal ein Beispiel:
HTML: 
<div class="menu">
  <ul>
    <li><a href="home.html" ><img src="HOMEBILD.gif" alt="HOME"></a></li>
    <li><a href="links.html"><img src="LINKBILD.gif" alt="LINKS"></a></li>
    <li><a href="forum.html">...
  </ul>
</div>
Dann noch mit CSS richtig formatieren und alles wird gut. :lol:
 
Zuletzt bearbeitet von einem Moderator:
Problem ist dann, der valide mouseover effekt. ich versuchs mal so wie du es gesagt hast, in etwa...
 
Tar-Minyatur schrieb:
Problem ist dann, der valide mouseover effekt. ich versuchs mal so wie du es gesagt hast, in etwa...
Zum Vergrößern anklicken....


wieso machst du nciht einfach einen mouseovereffekt mit javascript? bei dem momentanen wird ja das hover-bild erst geladen, wenn du mit der maus drüber bist, und dann sieht man für einen kurzen moment grau. lösch mal dein cache und schau es dir an ;)
 
Tar-Minyatur schrieb:
weil viele paranoide ihr javascript aus haben.
Zum Vergrößern anklicken....
aber der mouseouver-effekt ist ja nicht wichtiger bestandteil deiner homepage, sondern ein kleines extra. wenn jemand nun js ausgeschaltet hat, dann hat er pech gehabt.
 
ich will aber mal den mouseover mit css machen ! bin mir sicher, das das auch ohne den pixel abstand geht...weiß nur nicht wie :/
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben