|
|||
Elemente lassen sich nicht in FF verschieben
Hallo!
Ich möchte mein Layout lediglich zentrieren. In IE ist es kein Problem, der frist ja eh fast alles. Im FF funktioniert eider nichts. Ich denke ich habe bestimmt nur etwas über sehen. position:absolute positioniert scih doch ausgehend von Elternelement, oder nicht? So müßte doch funktionieren, wenn ich lediglich das Elternelement zentriere... oder? Code:
body{ background-color:#000000; margin:0px; font-family:Verdana, Helvatica, Arial, sans-serif; font-size:11px; font-weight:normal; } img { border:0px; } div{ border:0px; } #txt { position:absolute; top:; left:; } <!-- Start-Layout --> #layout { position:absolute; left:50%; top:0px; margin-left:-512px; width:1024px; height:768px; } #index-01 { position:absolute; left:0px; top:0px; background-image:url(img/index_01.jpg); width:116px; height:139px; } #index-02 { position:absolute; left:116px; top:0px; background-image:url(img/index_02.jpg); width:47px; height:139px; } #index-03 { position:absolute; left:163px; top:0px; width:362px; height:139px; } #index-04 { position:absolute; left:525px; top:0px; background-image:url(img/index_04.jpg); width:98px; height:139px; } #index-05 { position:absolute; left:623px; top:0px; background-image:url(img/index_05.jpg); width:312px; height:162px; } #index-06 { position:absolute; left:935px; top:0px; background-image:url(img/index_06.jpg); width:89px; height:162px; } #index-07 { position:absolute; left:0px; top:139px; background-image:url(img/index_07.jpg); width:116px; height:629px; } #index-08 { position:absolute; left:116px; top:139px; width:187px; height:23px; } #index-09 { position:absolute; left:303px; top:139px; width:165px; height:23px; } #index-10 { position:absolute; left:468px; top:139px; width:155px; height:23px; } #index-11 { position:absolute; left:116px; top:162px; background-image:url(img/index_11.jpg); width:507px; height:488px; } #index-12 { position:absolute; left:623px; top:162px; background-image:url(img/index_12.jpg); width:401px; height:188px; } #index-13 { position:absolute; left:623px; top:350px; background-image:url(img/index_13.jpg); width:401px; height:300px; } #index-14 { position:absolute; left:116px; top:650px; background-image:url(img/index_14.jpg); width:507px; height:118px; } #index-15 { position:absolute; left:623px; top:650px; background-image:url(img/index_15.jpg); width:401px; height:118px; } <!-- End-Layout --> /* ]]> */ </style> </head> <body> <div id="layout"> <div id="txt"> </div> <div id="index-01"> </div> <div id="index-02"> </div> <div id="index-03"> <a href="#"> <img src="img/index_03.jpg"> </a> </div> <div id="index-04"> </div> <div id="index-05"> </div> <div id="index-06"> </div> <div id="index-07"> </div> <div id="index-08"> <a href="#"> <img src="img/index_08.jpg"> </a> </div> <div id="index-09"> <a href="#"> <img src="img/index_09.jpg"> </a> </div> <div id="index-10"> <a href="#"> <img src="img/index_10.jpg"> </a> </div> <div id="index-11"> </div> <div id="index-12"> </div> <div id="index-13"> </div> <div id="index-14"> </div> <div id="index-15"> </div> </div> </body> </html> |
Sponsored Links |
Sponsored Links |
|
|||
...keine Angst das fass ich nicht böse auf!
Dies ist nur auf die Schnelle erstellt und der Output von Image-Ready! Deinen Vorschlag hab ich auch schon ausprobiert, bevor ich hier den Qt geposten hatte. Leider ohne Erfolg... |
|
|||
Dann lass mal mehr lauffähigen Code rüberwachsen (komplette Beispiels-HTML-Datei), bzw. ein Online-Beispiel.
http://xhtmlforum.de/40080-fuer-frag...twortende.html
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
|
||||
das kann auch nur dann funktionieren, wenn du sämtliche absoluten positionierungen raus nimmst. anstelle dessen würde ich mich mal mit dem thema "float" befassen. dann solltest du relativ schnell zu vernünftigen ergbnissen kommen.
__________________
Mein Bug, Dein Bug, Bugs sind für uns alle da... |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
div Elemente verschieben sich wenn ich Text/Links in die Navigation schreibe | grubentaucher | CSS | 1 | 18.01.2010 20:52 |
css Frage: Elemente im div verschieben | hallo2008 | CSS | 2 | 05.08.2009 20:49 |
Positionierte Elemente verschieben sich bei Schriftvergrößerung | accessoire | CSS | 5 | 30.06.2008 11:22 |
Welche Positionierung für elemente eines Formulas? | bastien | CSS | 3 | 01.01.2007 23:31 |
bei hover->bold und alle elemente verschieben sich? | xy2er | CSS | 4 | 16.03.2005 16:00 |