Auf Thema antworten 2026

Beitrag

<blockquote data-quote="boppel" data-source="post: 925147" data-attributes="member: 151362">Hallo allerseits,anbei ein HP Entwurf für ein Seminar. Im Firefox 3.0.8 gibt es keine Probleme. Im IE 7 werden allerdings die auf index.htm die Links &quot;Die Ausstellung&quot;, &quot;Das Seminar&quot;, &quot;Kontakt&quot; und &quot;Die Idee&quot; nicht angezeigt bzw. das farbige Quadrat liegt oberflächlicher als die Schrift, so dass das nicht angezeigt wird. In einem anderen IE (Version kenne ich nicht) sind die kleinen Quadrate auf der Startseite total verschoben.Habt ihr eine Idee, wie ich das beheben kann bzw. wie das überhaupt zustande kommt?IE 7: IE (Version nicht bekannt): Hier mein (ewig langer..) Quelltext + CSS. Wahrscheinlich kann man das kürzer und eleganter lösen, aber naja... mein erstes Mal <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":-)" title="Smile&nbsp; &nbsp; :-)" loading="lazy" data-shortname=":-)" />(Tipps erwünscht!)Quelltext:[code]&lt;div id=&quot;boxleft&quot;&gt;&nbsp; &nbsp; &lt;!-- InstanceBeginEditable name=&quot;contentleft&quot; --&gt;&nbsp; &nbsp; &nbsp; &lt;div id=&quot;contentleft&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_1&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--quadrat oben rechts gruen seminar--&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;&lt;a href=&quot;seminar.htm&quot; id=&quot;link&quot;&gt;Das Seminar&lt;/a&gt;&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;quadrategruen&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_1_3&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_1_2&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_1_1&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_1_6&quot;&gt;&lt;p&gt;&lt;a href=&quot;dozenten.htm&quot;&gt;Dozenten&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_1_5&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_1_4&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_1_9&quot;&gt;&lt;p&gt;&lt;a href=&quot;inhalte.htm&quot;&gt;Inhalte&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_1_8&quot;&gt;&lt;p&gt;&lt;a href=&quot;exkursionen.htm&quot;&gt;Exkursionen&lt;/a&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_1_7&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_2&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--quadrat oben links blau ausstellung--&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;&lt;a href=&quot;ausstellung.htm&quot; id=&quot;link&quot;&gt;Die Ausstellung&lt;/a&gt;&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;quadrateblau&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_2_3&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_2_2&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_2_1&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_2_6&quot;&gt;&lt;p&gt;&lt;a href=&quot;*********htm&quot;&gt;Anfahrt&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_2_5&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_2_4&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_2_9&quot;&gt;&lt;p&gt;&lt;a href=&quot;konzeption.htm&quot;&gt;Konzeption&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_2_8&quot;&gt;&lt;p&gt;&lt;a href=&quot;oeffnungszeiten.htm&quot;&gt;Öffnungszeiten&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_2_7&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_3&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--quadrat unten rechts gelb idee--&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;&lt;a href=&quot;idee.htm&quot; id=&quot;link&quot;&gt;Die Idee&lt;/a&gt;&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;quadrategelb&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_3_3&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_3_2&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_3_1&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_3_6&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_3_5&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_3_4&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_3_9&quot;&gt;&lt;p&gt;&lt;a href=&quot;lehrreich.html&quot;&gt;lehrreich&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_3_8&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_3_7&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_4&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--quadrat unten links rot kontakt--&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;&lt;a href=&quot;kontakt.htm&quot; id=&quot;link&quot;&gt;Kontakt&lt;/a&gt;&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;quadraterot&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_4_3&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_4_2&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_4_1&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_4_6&quot;&gt;&lt;p&gt;&lt;a href=&quot;kontaktformular.htm&quot;&gt;Kontaktformular&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_4_5&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_4_4&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_4_9&quot;&gt;&lt;p&gt;&lt;a href=&quot;impressum.htm&quot;&gt;Impressum&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_4_8&quot;&gt;&lt;p&gt;&lt;a href=&quot;presse.htm&quot;&gt;Presse&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;box200_4_7&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &lt;/div&gt;CSS:#contentleft {&nbsp; &nbsp; width: 396px;&nbsp; &nbsp; height: 396px;&nbsp; &nbsp; background-color: #222;&nbsp; &nbsp; margin: 50px;}/*begin: quadrat oben rechts gruen seminar*/#box200_1 {&nbsp; &nbsp; height: 198px;&nbsp; &nbsp; width: 198px;&nbsp; &nbsp; float: right;}#quadrategruen {&nbsp; &nbsp; width: 198px;&nbsp; &nbsp; height: 198px;&nbsp; &nbsp; margin-top: -30px;}#quadrategruen&nbsp; p {&nbsp; &nbsp; text-align: right;&nbsp; &nbsp; padding: 55px 1px 0px 1px;}&nbsp; &nbsp; #quadrategruen a {&nbsp; &nbsp; font-size: 8px;&nbsp; &nbsp; color:#FFFFFF;&nbsp; &nbsp; text-decoration:none;&nbsp; &nbsp; font-style: normal;&nbsp; &nbsp; font-weight: normal;}#box200_1_1{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_gruen_01.gif);}#box200_1_2{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_gruen_02.gif);&nbsp; &nbsp; float: right;}#box200_1_3{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_gruen_03.gif);&nbsp; &nbsp; float: right;}#box200_1_4{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_gruen_04.gif);}#box200_1_5{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_gruen_05.gif);&nbsp; &nbsp; float: right;}#box200_1_6{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_gruen_06.gif);&nbsp; &nbsp; float: right;}#box200_1_7{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_gruen_07.gif);}#box200_1_8{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_gruen_08.gif);&nbsp; &nbsp; float: right;}#box200_1_9{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_gruen_09.gif);&nbsp; &nbsp; float: right;}/*end: quadrat gruen*//*begin: quadrat blau oben links ausstellung*/#box200_2 {&nbsp; &nbsp; height: 198px;&nbsp; &nbsp; width: 198px;}#quadrateblau {&nbsp; &nbsp; width: 198px;&nbsp; &nbsp; height: 198px;&nbsp; &nbsp; margin-top: -30px;}#quadrateblau&nbsp; p {&nbsp; &nbsp; text-align: right;&nbsp; &nbsp; padding: 55px 1px 0px 1px;}&nbsp; &nbsp; #quadrateblau a {&nbsp; &nbsp; font-size: 8px;&nbsp; &nbsp; color:#FFFFFF;&nbsp; &nbsp; text-decoration:none;&nbsp; &nbsp; font-style: normal;&nbsp; &nbsp; font-weight: normal;}#box200_2_1{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_blau_01.gif);}#box200_2_2{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_blau_02.gif);&nbsp; &nbsp; float: right;}#box200_2_3{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_blau_03.gif);&nbsp; &nbsp; float: right;}#box200_2_4{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_blau_04.gif);}#box200_2_5{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_blau_05.gif);&nbsp; &nbsp; float: right;}#box200_2_6{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_blau_06.gif);&nbsp; &nbsp; float: right;}#box200_2_7{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_blau_07.gif);}#box200_2_8{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_blau_08.gif);&nbsp; &nbsp; float: right;}#box200_2_9{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_blau_09.gif);&nbsp; &nbsp; float: right;}/*end: quadrat blau ausstellung*//*begin: quadrat unten rechts gelb idee*/#box200_3 {&nbsp; &nbsp; height: 198px;&nbsp; &nbsp; width: 198px;&nbsp; &nbsp; float: right;}#quadrategelb {&nbsp; &nbsp; width: 198px;&nbsp; &nbsp; height: 198px;&nbsp; &nbsp; margin-top: -30px;}#quadrategelb&nbsp; p {&nbsp; &nbsp; text-align: right;&nbsp; &nbsp; padding: 55px 1px 0px 1px;}&nbsp; &nbsp; #quadrategelb a {&nbsp; &nbsp; font-size: 8px;&nbsp; &nbsp; color:#FFFFFF;&nbsp; &nbsp; text-decoration:none;&nbsp; &nbsp; font-style: normal;&nbsp; &nbsp; font-weight: normal;}#box200_3_1{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_gelb_01.gif);}#box200_3_2{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_gelb_02.gif);&nbsp; &nbsp; float: right;}#box200_3_3{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_gelb_03.gif);&nbsp; &nbsp; float: right;}#box200_3_4{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_gelb_04.gif);}#box200_3_5{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_gelb_05.gif);&nbsp; &nbsp; float: right;}#box200_3_6{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_gelb_06.gif);&nbsp; &nbsp; float: right;}#box200_3_7{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_gelb_07.gif);}#box200_3_8{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_gelb_08.gif);&nbsp; &nbsp; float: right;}#box200_3_9{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_gelb_09.gif);&nbsp; &nbsp; float: right;}/*end: quadrat unten rechts gelb idee*//*begin unten links rot kontakt*/#box200_4 {&nbsp; &nbsp; height: 198px;&nbsp; &nbsp; width: 198px;&nbsp; &nbsp; float: right;}#quadraterot {&nbsp; &nbsp; width: 198px;&nbsp; &nbsp; height: 198px;&nbsp; &nbsp; margin-top: -30px;}#quadraterot&nbsp; p {&nbsp; &nbsp; text-align: right;&nbsp; &nbsp; padding: 55px 1px 0px 1px;}&nbsp; &nbsp; #quadraterot a {&nbsp; &nbsp; font-size: 8px;&nbsp; &nbsp; color:#FFFFFF;&nbsp; &nbsp; text-decoration:none;&nbsp; &nbsp; font-style: normal;&nbsp; &nbsp; font-weight: normal;}#box200_4_1{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_rot_01.gif);}#box200_4_2{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_rot_02.gif);&nbsp; &nbsp; float: right;}#box200_4_3{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_rot_03.gif);&nbsp; &nbsp; float: right;}#box200_4_4{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_rot_04.gif);}#box200_4_5{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_rot_05.gif);&nbsp; &nbsp; float: right;}#box200_4_6{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_rot_06.gif);&nbsp; &nbsp; float: right;}#box200_4_7{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_rot_07.gif);}#box200_4_8{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_rot_08.gif);&nbsp; &nbsp; float: right;}#box200_4_9{&nbsp; &nbsp; width: 66px;&nbsp; &nbsp; height: 66px;&nbsp; &nbsp; background-image: url(../images/boxes/quadrate66px/quadrate66px_rot_09.gif);&nbsp; &nbsp; float: right;}/*end: quadrat rot kontakt*/[/code]Und so sieht&#039;s richtig im firefox aus:</blockquote>

[QUOTE="boppel, post: 925147, member: 151362"] Hallo allerseits, anbei ein HP Entwurf für ein Seminar. Im Firefox 3.0.8 gibt es keine Probleme. Im IE 7 werden allerdings die auf index.htm die Links "Die Ausstellung", "Das Seminar", "Kontakt" und "Die Idee" nicht angezeigt bzw. das farbige Quadrat liegt oberflächlicher als die Schrift, so dass das nicht angezeigt wird. In einem anderen IE (Version kenne ich nicht) sind die kleinen Quadrate auf der Startseite total verschoben. Habt ihr eine Idee, wie ich das beheben kann bzw. wie das überhaupt zustande kommt? IE 7: IE (Version nicht bekannt): Hier mein (ewig langer..) Quelltext + CSS. Wahrscheinlich kann man das kürzer und eleganter lösen, aber naja... mein erstes Mal :-) (Tipps erwünscht!) Quelltext: [code] <div id="boxleft">  <div id="contentleft"> <div id="box200_1">  <a href="seminar.htm" id="link">Das Seminar</a> <div id="quadrategruen"> <div id="box200_1_3"></div> <div id="box200_1_2"></div> <div id="box200_1_1"></div> <div id="box200_1_6"><a href="dozenten.htm">Dozenten</a></div> <div id="box200_1_5"></div> <div id="box200_1_4"></div> <div id="box200_1_9"><a href="inhalte.htm">Inhalte</a></div> <div id="box200_1_8"><a href="exkursionen.htm">Exkursionen</a></div> <div id="box200_1_7"></div> </div> </div> <div id="box200_2">  <a href="ausstellung.htm" id="link">Die Ausstellung</a> <div id="quadrateblau"> <div id="box200_2_3"></div> <div id="box200_2_2"></div> <div id="box200_2_1"></div> <div id="box200_2_6"><a href="*********htm">Anfahrt</a></div> <div id="box200_2_5"></div> <div id="box200_2_4"></div> <div id="box200_2_9"><a href="konzeption.htm">Konzeption</a></div> <div id="box200_2_8"><a href="oeffnungszeiten.htm">Öffnungszeiten</a></div> <div id="box200_2_7"></div> </div> </div> <div id="box200_3">  <a href="idee.htm" id="link">Die Idee</a> <div id="quadrategelb"> <div id="box200_3_3"></div> <div id="box200_3_2"></div> <div id="box200_3_1"></div> <div id="box200_3_6"></div> <div id="box200_3_5"></div> <div id="box200_3_4"></div> <div id="box200_3_9"><a href="lehrreich.html">lehrreich</a></div> <div id="box200_3_8"></div> <div id="box200_3_7"></div> </div> </div> <div id="box200_4">  <a href="kontakt.htm" id="link">Kontakt</a> <div id="quadraterot"> <div id="box200_4_3"></div> <div id="box200_4_2"></div> <div id="box200_4_1"></div> <div id="box200_4_6"><a href="kontaktformular.htm">Kontaktformular</a></div> <div id="box200_4_5"></div> <div id="box200_4_4"></div> <div id="box200_4_9"><a href="impressum.htm">Impressum</a></div> <div id="box200_4_8"><a href="presse.htm">Presse</a></div> <div id="box200_4_7"></div> </div> </div> </div> CSS: #contentleft { width: 396px; height: 396px; background-color: #222; margin: 50px; } /*begin: quadrat oben rechts gruen seminar*/ #box200_1 { height: 198px; width: 198px; float: right; } #quadrategruen { width: 198px; height: 198px; margin-top: -30px; } #quadrategruen p { text-align: right; padding: 55px 1px 0px 1px; } #quadrategruen a { font-size: 8px; color:#FFFFFF; text-decoration:none; font-style: normal; font-weight: normal; } #box200_1_1{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_gruen_01.gif); } #box200_1_2{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_gruen_02.gif); float: right; } #box200_1_3{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_gruen_03.gif); float: right; } #box200_1_4{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_gruen_04.gif); } #box200_1_5{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_gruen_05.gif); float: right; } #box200_1_6{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_gruen_06.gif); float: right; } #box200_1_7{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_gruen_07.gif); } #box200_1_8{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_gruen_08.gif); float: right; } #box200_1_9{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_gruen_09.gif); float: right; } /*end: quadrat gruen*/ /*begin: quadrat blau oben links ausstellung*/ #box200_2 { height: 198px; width: 198px; } #quadrateblau { width: 198px; height: 198px; margin-top: -30px; } #quadrateblau p { text-align: right; padding: 55px 1px 0px 1px; } #quadrateblau a { font-size: 8px; color:#FFFFFF; text-decoration:none; font-style: normal; font-weight: normal; } #box200_2_1{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_blau_01.gif); } #box200_2_2{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_blau_02.gif); float: right; } #box200_2_3{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_blau_03.gif); float: right; } #box200_2_4{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_blau_04.gif); } #box200_2_5{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_blau_05.gif); float: right; } #box200_2_6{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_blau_06.gif); float: right; } #box200_2_7{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_blau_07.gif); } #box200_2_8{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_blau_08.gif); float: right; } #box200_2_9{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_blau_09.gif); float: right; } /*end: quadrat blau ausstellung*/ /*begin: quadrat unten rechts gelb idee*/ #box200_3 { height: 198px; width: 198px; float: right; } #quadrategelb { width: 198px; height: 198px; margin-top: -30px; } #quadrategelb p { text-align: right; padding: 55px 1px 0px 1px; } #quadrategelb a { font-size: 8px; color:#FFFFFF; text-decoration:none; font-style: normal; font-weight: normal; } #box200_3_1{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_gelb_01.gif); } #box200_3_2{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_gelb_02.gif); float: right; } #box200_3_3{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_gelb_03.gif); float: right; } #box200_3_4{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_gelb_04.gif); } #box200_3_5{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_gelb_05.gif); float: right; } #box200_3_6{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_gelb_06.gif); float: right; } #box200_3_7{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_gelb_07.gif); } #box200_3_8{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_gelb_08.gif); float: right; } #box200_3_9{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_gelb_09.gif); float: right; } /*end: quadrat unten rechts gelb idee*/ /*begin unten links rot kontakt*/ #box200_4 { height: 198px; width: 198px; float: right; } #quadraterot { width: 198px; height: 198px; margin-top: -30px; } #quadraterot p { text-align: right; padding: 55px 1px 0px 1px; } #quadraterot a { font-size: 8px; color:#FFFFFF; text-decoration:none; font-style: normal; font-weight: normal; } #box200_4_1{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_rot_01.gif); } #box200_4_2{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_rot_02.gif); float: right; } #box200_4_3{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_rot_03.gif); float: right; } #box200_4_4{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_rot_04.gif); } #box200_4_5{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_rot_05.gif); float: right; } #box200_4_6{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_rot_06.gif); float: right; } #box200_4_7{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_rot_07.gif); } #box200_4_8{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_rot_08.gif); float: right; } #box200_4_9{ width: 66px; height: 66px; background-image: url(../images/boxes/quadrate66px/quadrate66px_rot_09.gif); float: right; } /*end: quadrat rot kontakt*/ [/code] Und so sieht's richtig im firefox aus: [/QUOTE]

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

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?