Zentrieren geht nicht, farbverlauf im FF geht nicht

Datenschutzerklärung
Zentrieren geht nicht, farbverlauf im FF geht nicht Validome - Forum
Forum Startseite \| Regeln \| Suche \| Registrieren \| Anmelden \| Validome Startseite		RSS 2.0
Sie sind nicht angemeldet.		Atom 1.0

Forum Home / HTML und XHTML-Forum /

Zentrieren geht nicht, farbverlauf im FF geht nicht

Beitrag schreiben

Autor

Beitrag

Seiten: 1

smello
Mitglied

Registriert: 16.03.2006
Beiträge: 1

Hi,

habe folgendes Problem mit meiner Seite:

Hier erstmal der Link:

1. Das Problem ist, das ich die eingebette Flash-Datei nicht in der Höhe zentriert bekomme, die Darei ist immer unter oder über den Farbverlauf.

2. Im Firefox nimmt er die margin-attribute nicht an, d.h. alles ist oben links in der Ecke.

3. Im Firefox ist der Farbverlauf völlig weg.

Hier der Code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Agentur KD :: Kreatives Design ::</title>
<meta name="description" content=" :: Kreatives Design ::">
<meta name="revisit-after" content="10-days">
<meta name="robots" content="index,follow">
<meta name="author" content="Agentur KD">
<meta name="copyright" content="Agentur KD">
<meta name="date" content="03-15-2006">
<meta name="content-language" content="de">
</head>
<body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">
<div align="center">


  <style type="text/css">
div {
 height: 100%;
 width: 100%;
 font-size: 0;
 line-height: 0;
 }
body {
    background-color: #eeeeee;
}
 #f0 {background-color: #d9cdb1}
 #f1 {background-color: #d9cdb1}
 #f2 {background-color: #d9cdb2}
 #f3 {background-color: #d9ceb2}
 #f4 {background-color: #d9ceb2}
 #f5 {background-color: #daceb3}
 #f6 {background-color: #daceb3}
 #f7 {background-color: #daceb3}
 #f8 {background-color: #dacfb4}
 #f9 {background-color: #dacfb4}
 #f10 {background-color: #dacfb4}
 #f11 {background-color: #dacfb5}
 #f12 {background-color: #dacfb5}
 #f13 {background-color: #dbcfb6}
 #f14 {background-color: #dbd0b6}
 #f15 {background-color: #dbd0b6}
 #f16 {background-color: #dbd0b7}
 #f17 {background-color: #dbd0b7}
 #f18 {background-color: #dbd0b7}
 #f19 {background-color: #dbd1b8}
 #f20 {background-color: #dbd1b8}
 #f21 {background-color: #dcd1b8}
 #f22 {background-color: #dcd1b9}
 #f23 {background-color: #dcd1b9}
 #f24 {background-color: #dcd2b9}
 #f25 {background-color: #dcd2ba}
 #f26 {background-color: #dcd2ba}
 #f27 {background-color: #dcd2ba}
 #f28 {background-color: #dcd2bb}
 #f29 {background-color: #dcd2bb}
 #f30 {background-color: #ddd3bb}
 #f31 {background-color: #ddd3bc}
 #f32 {background-color: #ddd3bc}
 #f33 {background-color: #ddd3bd}
 #f34 {background-color: #ddd3bd}
 #f35 {background-color: #ddd4bd}
 #f36 {background-color: #ddd4be}
 #f37 {background-color: #ddd4be}
 #f38 {background-color: #ded4be}
 #f39 {background-color: #ded4bf}
 #f40 {background-color: #ded5bf}
 #f41 {background-color: #ded5bf}
 #f42 {background-color: #ded5c0}
 #f43 {background-color: #ded5c0}
 #f44 {background-color: #ded5c0}
 #f45 {background-color: #ded5c1}
 #f46 {background-color: #dfd6c1}
 #f47 {background-color: #dfd6c1}
 #f48 {background-color: #dfd6c2}
 #f49 {background-color: #dfd6c2}
 #f50 {background-color: #dfd6c2}
 #f51 {background-color: #dfd7c3}
 #f52 {background-color: #dfd7c3}
 #f53 {background-color: #dfd7c3}
 #f54 {background-color: #dfd7c4}
 #f55 {background-color: #e0d7c4}
 #f56 {background-color: #e0d8c5}
 #f57 {background-color: #e0d8c5}
 #f58 {background-color: #e0d8c5}
 #f59 {background-color: #e0d8c6}
 #f60 {background-color: #e0d8c6}
 #f61 {background-color: #e0d9c6}
 #f62 {background-color: #e0d9c7}
 #f63 {background-color: #e1d9c7}
 #f64 {background-color: #e1d9c7}
 #f65 {background-color: #e1d9c8}
 #f66 {background-color: #e1d9c8}
 #f67 {background-color: #e1dac8}
 #f68 {background-color: #e1dac9}
 #f69 {background-color: #e1dac9}
 #f70 {background-color: #e1dac9}
 #f71 {background-color: #e2daca}
 #f72 {background-color: #e2dbca}
 #f73 {background-color: #e2dbca}
 #f74 {background-color: #e2dbcb}
 #f75 {background-color: #e2dbcb}
 #f76 {background-color: #e2dbcb}
 #f77 {background-color: #e2dccc}
 #f78 {background-color: #e2dccc}
 #f79 {background-color: #e2dccd}
 #f80 {background-color: #e3dccd}
 #f81 {background-color: #e3dccd}
 #f82 {background-color: #e3dcce}
 #f83 {background-color: #e3ddce}
 #f84 {background-color: #e3ddce}
 #f85 {background-color: #e3ddcf}
 #f86 {background-color: #e3ddcf}
 #f87 {background-color: #e3ddcf}
 #f88 {background-color: #e4ded0}
 #f89 {background-color: #e4ded0}
 #f90 {background-color: #e4ded0}
 #f91 {background-color: #e4ded1}
 #f92 {background-color: #e4ded1}
 #f93 {background-color: #e4dfd1}
 #f94 {background-color: #e4dfd2}
 #f95 {background-color: #e4dfd2}
 #f96 {background-color: #e5dfd2}
 #f97 {background-color: #e5dfd3}
 #f98 {background-color: #e5dfd3}
 #f99 {background-color: #e5e0d4}
 #f100 {background-color: #e5e0d4}
 #f101 {background-color: #e5e0d4}
 #f102 {background-color: #e5e0d5}
 #f103 {background-color: #e5e0d5}
 #f104 {background-color: #e5e1d5}
 #f105 {background-color: #e6e1d6}
 #f106 {background-color: #e6e1d6}
 #f107 {background-color: #e6e1d6}
 #f108 {background-color: #e6e1d7}
 #f109 {background-color: #e6e2d7}
 #f110 {background-color: #e6e2d7}
 #f111 {background-color: #e6e2d8}
 #f112 {background-color: #e6e2d8}
 #f113 {background-color: #e7e2d8}
 #f114 {background-color: #e7e2d9}
 #f115 {background-color: #e7e3d9}
 #f116 {background-color: #e7e3d9}
 #f117 {background-color: #e7e3da}
 #f118 {background-color: #e7e3da}
 #f119 {background-color: #e7e3da}
 #f120 {background-color: #e7e4db}
 #f121 {background-color: #e8e4db}
 #f122 {background-color: #e8e4dc}
 #f123 {background-color: #e8e4dc}
 #f124 {background-color: #e8e4dc}
 #f125 {background-color: #e8e5dd}
 #f126 {background-color: #e8e5dd}
 #f127 {background-color: #e8e5dd}
 #f128 {background-color: #e8e5de}
 #f129 {background-color: #e8e5de}
 #f130 {background-color: #e9e6de}
 #f131 {background-color: #e9e6df}
 #f132 {background-color: #e9e6df}
 #f133 {background-color: #e9e6df}
 #f134 {background-color: #e9e6e0}
 #f135 {background-color: #e9e6e0}
 #f136 {background-color: #e9e7e0}
 #f137 {background-color: #e9e7e1}
 #f138 {background-color: #eae7e1}
 #f139 {background-color: #eae7e1}
 #f140 {background-color: #eae7e2}
 #f141 {background-color: #eae8e2}
 #f142 {background-color: #eae8e2}
 #f143 {background-color: #eae8e3}
 #f144 {background-color: #eae8e3}
 #f145 {background-color: #eae8e4}
 #f146 {background-color: #ebe9e4}
 #f147 {background-color: #ebe9e4}
 #f148 {background-color: #ebe9e5}
 #f149 {background-color: #ebe9e5}
 #f150 {background-color: #ebe9e5}
 #f151 {background-color: #ebe9e6}
 #f152 {background-color: #ebeae6}
 #f153 {background-color: #ebeae6}
 #f154 {background-color: #ebeae7}
 #f155 {background-color: #eceae7}
 #f156 {background-color: #eceae7}
 #f157 {background-color: #ecebe8}
 #f158 {background-color: #ecebe8}
 #f159 {background-color: #ecebe8}
 #f160 {background-color: #ecebe9}
 #f161 {background-color: #ecebe9}
 #f162 {background-color: #ecece9}
 #f163 {background-color: #edecea}
 #f164 {background-color: #edecea}
 #f165 {background-color: #edeceb}
 #f166 {background-color: #edeceb}
 #f167 {background-color: #edeceb}
 #f168 {background-color: #ededec}
 #f169 {background-color: #ededec}
 #f170 {background-color: #ededec}
 #f171 {background-color: #eeeded}
 #f172 {background-color: #eeeded}
 #f173 {background-color: #eeeeed}
 #f174 {background-color: #eeeeee}
 #f175 {background-color: #eeeeee}
</style>

<div id="f0"></div>
<div id="f1"></div>
<div id="f2"></div>
<div id="f3"></div>
<div id="f4"></div>
<div id="f5"></div>
<div id="f6"></div>
<div id="f7"></div>
<div id="f8"></div>
<div id="f9"></div>
<div id="f10"></div>
<div id="f11"></div>
<div id="f12"></div>
<div id="f13"></div>
<div id="f14"></div>
<div id="f15"></div>
<div id="f16"></div>
<div id="f17"></div>
<div id="f18"></div>
<div id="f19"></div>
<div id="f20"></div>
<div id="f21"></div>
<div id="f22"></div>
<div id="f23"></div>
<div id="f24"></div>
<div id="f25"></div>
<div id="f26"></div>
<div id="f27"></div>
<div id="f28"></div>
<div id="f29"></div>
<div id="f30"></div>
<div id="f31"></div>
<div id="f32"></div>
<div id="f33"></div>
<div id="f34"></div>
<div id="f35"></div>
<div id="f36"></div>
<div id="f37"></div>
<div id="f38"></div>
<div id="f39"></div>
<div id="f40"></div>
<div id="f41"></div>
<div id="f42"></div>
<div id="f43"></div>
<div id="f44"></div>
<div id="f45"></div>
<div id="f46"></div>
<div id="f47"></div>
<div id="f48"></div>
<div id="f49"></div>
<div id="f50"></div>
<div id="f51"></div>
<div id="f52"></div>
<div id="f53"></div>
<div id="f54"></div>
<div id="f55"></div>
<div id="f56"></div>
<div id="f57"></div>
<div id="f58"></div>
<div id="f59"></div>
<div id="f60"></div>
<div id="f61"></div>
<div id="f62"></div>
<div id="f63"></div>
<div id="f64"></div>
<div id="f65"></div>
<div id="f66"></div>
<div id="f67"></div>
<div id="f68"></div>
<div id="f69"></div>
<div id="f70"></div>
<div id="f71"></div>
<div id="f72"></div>
<div id="f73"></div>
<div id="f74"></div>
<div id="f75"></div>
<div id="f76"></div>
<div id="f77"></div>
<div id="f78"></div>
<div id="f79"></div>
<div id="f80"></div>
<div id="f81"></div>
<div id="f82"></div>
<div id="f83"></div>
<div id="f84"></div>
<div id="f85"></div>
<div id="f86"></div>
<div id="f87"></div>
<div id="f88"></div>
<div id="f89"></div>
<div id="f90"></div>
<div id="f91"></div>
<div id="f92"></div>
<div id="f93"></div>
<div id="f94"></div>
<div id="f95"></div>
<div id="f96"></div>
<div id="f97"></div>
<div id="f98"></div>
<div id="f99"></div>
<div id="f100"></div>
<div id="f101"></div>
<div id="f102"></div>
<div id="f103"></div>
<div id="f104"></div>
<div id="f105"></div>
<div id="f106"></div>
<div id="f107"></div>
<div id="f108"></div>
<div id="f109"></div>
<div id="f110"></div>
<div id="f111"></div>
<div id="f112"></div>
<div id="f113"></div>
<div id="f114"></div>
<div id="f115"></div>
<div id="f116"></div>
<div id="f117"></div>
<div id="f118"></div>
<div id="f119"></div>
<div id="f120"></div>
<div id="f121"></div>
<div id="f122"></div>
<div id="f123"></div>
<div id="f124"></div>
<div id="f125"></div>
<div id="f126"></div>
<div id="f127"></div>
<div id="f128"></div>
<div id="f129"></div>
<div id="f130"></div>
<div id="f131"></div>
<div id="f132"></div>
<div id="f133"></div>
<div id="f134"></div>
<div id="f135"></div>
<div id="f136"></div>
<div id="f137"></div>
<div id="f138"></div>
<div id="f139"></div>
<div id="f140"></div>
<div id="f141"></div>
<div id="f142"></div>
<div id="f143"></div>
<div id="f144"></div>
<div id="f145"></div>
<div id="f146"></div>
<div id="f147"></div>
<div id="f148"></div>
<div id="f149"></div>
<div id="f150"></div>
<div id="f151"></div>
<div id="f152"></div>
<div id="f153"></div>
<div id="f154"></div>
<div id="f155"></div>
<div id="f156"></div>
<div id="f157"></div>
<div id="f158"></div>
<div id="f159"></div>
<div id="f160"></div>
<div id="f161"></div>
<div id="f162"></div>
<div id="f163"></div>
<div id="f164"></div>
<div id="f165"></div>
<div id="f166"></div>
<div id="f167"></div>
<div id="f168"></div>
<div id="f169"></div>
<div id="f170"></div>
<div id="f171"></div>
<div id="f172"></div>
<div id="f173"></div>
<div id="f174"></div>
<div id="f175"></div>
  <div align="center">
  <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> 
 <tr> 
 <td align="center" valign="middle"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
width="541" height="513" >
        <param name="movie" value="Klick.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <embed src="Klick.swf" width="541" height="513" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"
wmode="transparent"></embed>
      </object></td>
    </tr>
  </table>
</div>
</div>
</body>
</html>

Wie bekomme ich es hin das im FF alles richtig angezeigt wird und das die Flashdatei richtig zentriert ist?

Beitrag geändert von smello (18.04.2006 13:28:54)

16.03.2006 13:26:21

Zitieren

pit-r
Moderator

Ort: Aachen
Registriert: 14.03.2006
Beiträge: 62

Moin!

Den Farbverlauf würde ich mit einer 1px breiten Hintergrundgrafik (im Body, oben positioniert und sich horizontal wiederholend) lösen. Der Rest kann dann in etwa so aussehen:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Agentur KD :: Kreatives Design ::</title>
<style type="text/css">
body {
margin:0;
padding:0;
background-color: #eeeeee;
position:absolute;
width:100%;
height:100%
}
</style>
</head>
<body>
<div style="text-align: center;position:absolute;width:100%;height:100%">
<table style="width:100%;height:100%;padding:0;border-collapse:collapse;">
<tr>
<td align="center" valign="middle"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
width="541" height="513" >
<param name="movie" value="http://www.agentur-kd.de/klick/Klick.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="http://www.agentur-kd.de/klick/Klick.swf" width="541" height="513" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" wmode="transparent"></embed>
</object></td>
</tr>
</table>
</div>
</body>
</html>

Ahoi - Pit

Nachsatz: ich habe mir erlaubt, den Originalbeitrag zu verändern, um allzuviel horizontales Scrollen zu vermeiden...

_______________________________________
Öh - da kannichnixfür

16.03.2006 14:24:48

Zitieren

pit-r
Moderator

Ort: Aachen
Registriert: 14.03.2006
Beiträge: 62

Moin!

Gern geschehen übrigens. ;-)

Die .jpg sieht nicht gerade gut aus und auf einer Grafiker-Seite macht sie sich noch schlechter. Das läßt sich mit einer .png (die noch nicht mal 1 kB haben müßte) "glatter" und schöner lösen...

Ahoi - Pit

_______________________________________
Öh - da kannichnixfür

16.03.2006 17:13:29

Zitieren

Seiten: 1

Beitrag schreiben

Wechsel zu

Die letzten Beiträge aus diesen Forum

Noch 3 Fehler... - 14.03.2006
div problem - 10.03.2006
Referenz auf nicht-SGML Zeichen - 05.03.2006
Darstellung Firefox und IE - 26.02.2006
Im Tag input ist das Attribut `onClick` nicht erlaubt. - 26.02.2006

Zentrieren geht nicht, farbverlauf im FF geht nicht

Validome - Forum

Zentrieren geht nicht, farbverlauf im FF geht nicht