Auf Thema antworten 2026

Beitrag

<blockquote data-quote="El_Marichi" data-source="post: 835224" data-attributes="member: 257059">Hi!Ich habe eine kleine &quot;Testseite&quot; gemacht.Im Explorer verrutschen nur leider ein paar Elemente, wieso?Im Firefox ist es optimal...index.htm:=====================================================&lt;head&gt;&nbsp; &nbsp; &lt;title&gt;Canon - EOS 450D&lt;/title&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;&lt;style type=&quot;text/css&quot;&gt;@import &quot;style.css&quot;;&nbsp; &lt;!-- Datei &quot;style.css&quot; in die Seite eingebunden --&gt;&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- Layout der Seite --&gt;&lt;div id=&quot;layout&quot;&gt;&lt;!-- Header --&gt;&lt;h1&gt;&lt;span&gt;&lt;/span&gt;EOS 450D&lt;/h1&gt;&lt;!-- Navigation --&gt;&lt;div id=&quot;navigation&quot;&gt;&nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li &nbsp; &nbsp; &nbsp; &nbsp; class=&quot;blau&quot;&gt;&lt;a href=&quot;&quot;&gt;Startseite&lt;/a&gt;&nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li &nbsp; &nbsp; &nbsp; &nbsp; class=&quot;grau&quot;&gt;&lt;a href=&quot;Kontakt.htm&quot;&gt;Kontakt&lt;/a&gt;&nbsp; &nbsp; &lt;/li&gt;&nbsp;&nbsp; &nbsp; &lt;li &nbsp; &nbsp; &nbsp; &nbsp; class=&quot;gruen&quot;&gt;&lt;a href=&quot;&quot;&gt;Gallerie&lt;/a&gt;&nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li &nbsp; &nbsp; &nbsp; &nbsp; class=&quot;orange&quot;&gt;&lt;a href=&quot;&quot;&gt;Impressum&lt;/a&gt;&nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &lt;p&gt;&lt;img src=&quot;bilder/Innen.jpg&quot; width=&quot;300&quot; height=&quot;200&quot; align=&quot;right&quot; alt=&quot;Innenleben&quot;&gt;&lt;/p&gt;&nbsp;&nbsp; &lt;!-- Bild --&gt;&lt;/ul&gt;&lt;/div&gt;&lt;!-- Inhalt --&gt;&lt;div id=&quot;inhalt&quot;&gt;&lt;h2&gt;Startseite&lt;/h2&gt;&lt;p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Der 12,2 Megapixel Canon CMOS-Senor sorgt f&amp;#252r beeindruckende Detailsch&amp;#228rfe und ist &nbsp; &nbsp; &nbsp; &nbsp; ideal f&amp;#252r Prints im Posterformat und noch mehr Freiheit bei der Wahl des gew&amp;#252nschten&nbsp; &nbsp; &nbsp; &nbsp; Bildausschnitts. Er arbeitet bemerkenswert energieeffizient und erm&amp;#246glicht gestochen &nbsp; &nbsp; &nbsp; &nbsp; scharfe Aufnahmen &amp;#252ber den gesamten ISO-Bereich bei minimiertem Bildrauschen.&nbsp; &nbsp; &nbsp; &nbsp; Reihenaufnahmen mit bis zu 3,5 Bildern pro Sekunde.&nbsp; &nbsp; &nbsp; &nbsp; Die EOS 450D zeichnet bis zu 3,5 Bilder pro Sekunde auf und bietet einen &nbsp; &nbsp; &nbsp; &nbsp; Pufferspeicher f&amp;#252r bis zu 53 Large-JPEG-komprimierte Bilder (6 bei RAW-Dateien).&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;!-- Footer --&gt;&lt;div id=&quot;footer&quot;&gt;&lt;p&gt;&lt;span&gt;Designed by JPS&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;Style.css:========================================/* Formatierung von body bzw. html. */html,body {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height:100%;&nbsp; &nbsp; &nbsp; &nbsp; margin:0;&nbsp; &nbsp; &nbsp; &nbsp; padding:0;&nbsp; &nbsp; &nbsp; &nbsp; font-size:100.01%;&nbsp; &nbsp; font-family: Verdana, Arial,&nbsp; Helvetica, sans-serif;&nbsp; &nbsp; text-align:center;&nbsp; &nbsp; &nbsp; &nbsp; background:#ccc;}/* 100% Seitenhöhe für den IE 5,6 */* html #layout {&nbsp; &nbsp;&nbsp; height: 100%;}/* Formatierung des Layout (&lt;div id=&quot;layout&quot;&gt;.....&lt;/div&gt;) */#layout {&nbsp; &nbsp; &nbsp; &nbsp; margin:0 auto;&nbsp; &nbsp; &nbsp; &nbsp; width:780px;&nbsp; &nbsp; &nbsp; &nbsp; text-align:left;&nbsp; &nbsp; min-height:100%;&nbsp; &nbsp; height:auto;&nbsp; &nbsp; &nbsp; &nbsp; border-left:1px solid #000;&nbsp; &nbsp; border-right:1px solid #000;&nbsp; &nbsp; background:#fff url(bilder/inhalt_bg.png) repeat-y;}/* Formatierung des Headers */h1 {&nbsp; &nbsp; width: 100%;&nbsp; &nbsp; height: 167px;&nbsp; &nbsp; position: relative;&nbsp; &nbsp; padding:0;&nbsp; &nbsp; &nbsp; &nbsp; margin:0;&nbsp; &nbsp; background:#fff;}h1 span {&nbsp; &nbsp; background: url(bilder/header.png) no-repeat;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position: absolute;&nbsp; &nbsp; &nbsp; &nbsp; width: 100%;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 100%;}/* Formatierung der Überschrift im Inhalt */h2 {&nbsp; &nbsp; &nbsp; &nbsp; font-size:120%;&nbsp; &nbsp; &nbsp; &nbsp; font-weight:normal;&nbsp; &nbsp; &nbsp; &nbsp; border-bottom:1px solid #999;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin:0 2em 0 0;}/* Formatierung der Navigation*/#navigation{&nbsp; &nbsp; &nbsp; &nbsp; display:block;&nbsp; &nbsp; height:25px; &nbsp; &nbsp; font-size:0.9em;&nbsp; &nbsp; &nbsp; &nbsp; background-color:#F00;&nbsp; &nbsp; &nbsp; &nbsp; border-bottom:2px solid #fff;}#navigation ul{&nbsp; &nbsp; &nbsp; &nbsp; margin:0 auto;&nbsp; &nbsp; &nbsp; &nbsp; padding:0;&nbsp; &nbsp; &nbsp; &nbsp; list-style-type:none;&nbsp; &nbsp; &nbsp; &nbsp; width:37em;}#navigation ul li{&nbsp; &nbsp; &nbsp; &nbsp; display:block;&nbsp; &nbsp; &nbsp; &nbsp; float:left;&nbsp; &nbsp; &nbsp; &nbsp; margin:0;}#navigation ul li a{&nbsp; &nbsp; &nbsp; &nbsp; display:block;&nbsp; &nbsp; &nbsp; &nbsp; float:left;&nbsp; &nbsp; &nbsp; &nbsp; color:#fff;&nbsp; &nbsp; &nbsp; &nbsp; text-decoration:none;&nbsp; &nbsp; &nbsp; &nbsp; padding:0 3.5em 0 1em;&nbsp; &nbsp; &nbsp; &nbsp; line-height:25px;}#navigation ul li a:hover {&nbsp; &nbsp; color:#000;}.blau {repeat-x;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-left:1px solid #fff;}.grau {repeat-x;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-left:1px solid #fff;}.gruen {repeat-x;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-left:1px solid #fff;}.orange {repeat-x;&nbsp; &nbsp; border-left:1px solid #fff;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-right:1px solid #fff;}/* Formatierung des Inhalt*/#inhalt {&nbsp; &nbsp; padding:4em 200px 8em 150px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size:0.85em;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color:#666;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; line-height:1.4em;}/* Formatierung des Footers*/#footer {&nbsp; &nbsp; background:url(bilder/footer_bg.png) repeat-x left bottom;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width:780px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height:196px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin:-196px auto;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align:center;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size:0.7em;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color:#666;}#footer p {&nbsp; &nbsp; padding:0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin:0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height:196px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background:url(bilder/footer.png) no-repeat right bottom;}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #footer span {&nbsp; &nbsp; position:relative;&nbsp; &nbsp; top:160px;}Bin für jeden Tip sehr dankbar!!!</blockquote>

[QUOTE="El_Marichi, post: 835224, member: 257059"] Hi! Ich habe eine kleine "Testseite" gemacht. Im Explorer verrutschen nur leider ein paar Elemente, wieso? Im Firefox ist es optimal... index.htm: ===================================================== <head> <title>Canon - EOS 450D</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> @import "style.css";  </style> </head> <body>  <div id="layout">  <h1>EOS 450D</h1>  <div id="navigation"> <ul> <li class="blau"><a href=" ">Startseite</a> </li> <li class="grau"><a href="Kontakt.htm">Kontakt</a> </li> <li class="gruen"><a href="">Gallerie</a> </li> <li class="orange"><a href="">Impressum</a> </li> <img src="bilder/Innen.jpg" width="300" height="200" align="right" alt="Innenleben">  </ul> </div>  <div id="inhalt"> <h2>Startseite</h2> Der 12,2 Megapixel Canon CMOS-Senor sorgt f&#252r beeindruckende Detailsch&#228rfe und ist ideal f&#252r Prints im Posterformat und noch mehr Freiheit bei der Wahl des gew&#252nschten Bildausschnitts. Er arbeitet bemerkenswert energieeffizient und erm&#246glicht gestochen scharfe Aufnahmen &#252ber den gesamten ISO-Bereich bei minimiertem Bildrauschen. Reihenaufnahmen mit bis zu 3,5 Bildern pro Sekunde. Die EOS 450D zeichnet bis zu 3,5 Bilder pro Sekunde auf und bietet einen Pufferspeicher f&#252r bis zu 53 Large-JPEG-komprimierte Bilder (6 bei RAW-Dateien). </div> </div>  <div id="footer"> Designed by JPS </div> </body> </html> Style.css: ======================================== /* Formatierung von body bzw. html. */ html,body { height:100%; margin:0; padding:0; font-size:100.01%; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; background:#ccc; } /* 100% Seitenhöhe für den IE 5,6 */ * html #layout { height: 100%; } /* Formatierung des Layout (<div id="layout">.....</div>) */ #layout { margin:0 auto; width:780px; text-align:left; min-height:100%; height:auto; border-left:1px solid #000; border-right:1px solid #000; background:#fff url(bilder/inhalt_bg.png) repeat-y; } /* Formatierung des Headers */ h1 { width: 100%; height: 167px; position: relative; padding:0; margin:0; background:#fff; } h1 span { background: url(bilder/header.png) no-repeat; position: absolute; width: 100%; height: 100%; } /* Formatierung der Überschrift im Inhalt */ h2 { font-size:120%; font-weight:normal; border-bottom:1px solid #999; margin:0 2em 0 0; } /* Formatierung der Navigation */ #navigation{ display:block; height:25px; font-size:0.9em; background-color:#F00; border-bottom:2px solid #fff; } #navigation ul{ margin:0 auto; padding:0; list-style-type:none; width:37em; } #navigation ul li{ display:block; float:left; margin:0; } #navigation ul li a{ display:block; float:left; color:#fff; text-decoration:none; padding:0 3.5em 0 1em; line-height:25px; } #navigation ul li a:hover { color:#000; } .blau { repeat-x; border-left:1px solid #fff; } .grau { repeat-x; border-left:1px solid #fff; } .gruen { repeat-x; border-left:1px solid #fff; } .orange { repeat-x; border-left:1px solid #fff; border-right:1px solid #fff; } /* Formatierung des Inhalt*/ #inhalt { padding:4em 200px 8em 150px; font-size:0.85em; color:#666; line-height:1.4em; } /* Formatierung des Footers */ #footer { background:url(bilder/footer_bg.png) repeat-x left bottom; width:780px; height:196px; margin:-196px auto; text-align:center; font-size:0.7em; color:#666; } #footer p { padding:0; margin:0; height:196px; background:url(bilder/footer.png) no-repeat right bottom; } #footer span { position:relative; top:160px; } Bin für jeden Tip sehr dankbar!!! [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?