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

Problem mit Abständen in verschiedenen Browsern

Status
Für weitere Antworten geschlossen.
SolCom

SolCom

Mitglied
Problem mit Abständen in verschiedenen Browsern

EDIT : Problem gelöst

##############################################

habe mal ein kleines Beispiel zusammengestellt :

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>
 <title>Probelem mit Abständen</title>
 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
 <style type="text/css">
 <!--
   div.eins {
	background-color : #008080;
	height :  100px;
	width : 100px;
	float : left;
	position : fixed; }

   div.zwei {
	background-color : #FF0000;
	height : 100px;
	width : 100px;
	float : left;
	position : fixed;
	margin-left : 101px; }
 -->
 </style>
</head>

<body>

<div class="eins"></div>
<div class="zwei"></div>
</body>

</html>

im Firefox & Opera wird margin-left vom Fensterrand gemessen, beim IE von der ersten Box.
leider habe ich dafür noch keine Lösung gefunden, ich hoffe hier gibts eine :)
 
Werbung:
Werbung:
soweit ich weis bewirkt position:absolute das selbe wie position:fixed; versuch es doch nooch mal damit
 
der Unterschied zwischen absolute und fixed ist, das bei fixed das Element beim scrollen stehen bleibt
und das brauche ich :)

aber nun zu einem neuen Problem : Beispiel 3

mit style="line-height:1px;" bekomme ich es bei Opera & Firefox hin das die Graficen ohne Abstand aneinander liegen,
bei IE funktioniert das nicht. und dafür brauche ich eine Lösung

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>
 <title>Probelem mit Abständen</title>
 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

	<style type="text/css">
	<!--
	*	  {margin:0px; padding:0px;}
	img	{margin:0px; padding:0px; border:0px;}
	div	{line-height:1px; padding:0px; vertical-align:text-top;}
	-->
	</style>

<body>

  <div>
   [img]1.png[/img]q

   [img]1.png[/img]Q

   [img]1.png[/img]q

   [img]1.png[/img]Q

  </div>

</body>

</html>

cu Andreas
 
internet explorer unterstuetzt fixed doch gar net? genauso wenig wie die haelfte aller anderen CSS 1 CSS2 CSS2.1 und vermutlich auch CSS3 eigentschaften (firefox ist da zwar besser aber auch nicht so ganz das ware. leider traurig :/
 
Werbung:
@ niklasboelter :

nur weil der IE fixed nicht unterstützt, müssen ff&co-user nicht darauf verzichten.
und mit meinem neuen Problem hat das ja auch nichts zu tun.
 
Werbung:
bin das Problem umgangen in dem ich ein passenderes Hintergrundbild benutze.
anzuschaun hier : Beispiel

dann wird die Navigation im IE etwas länger, sollte aber nicht groß stören :)
 
Werbung:
und wenn jemand das Thema abboniert hat , soll er dann nicht bescheid bekommen wenn was neues hinzu kommt ?

und den vorherigen Beitrag löschen geht auch nicht, da ja jemand bei einer Abbomail direkt dorthin verlinkt sein könnte.
 
blablabla
wer nutzt bei diesem topic die funktion?
(abgesehen davon dass es mich interessieren würde, wer das allg braucht)

nutz doch mal den normalen menschenverstand
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben