Suche im Forum:
Suchen


Autor Nachricht
Beitrag27.07.2012 um 21:22 (UTC)    
Titel: CSS-Design funktioniert nur in Firefox richtig.

Hallo,

ich habe da so ein Problem, an dem ich jetzt schon ewig rumprobiere, und ich komm einfach nicht drauf, wo der Fehler ist Sad Ich habe meine HP mit CSS programmiert. Im Firefox wird das Design genau so dargestellt, wie ich es auch haben will. Im Internet-Explorer (und auf Tablets,...) jedoch ist das Menü immer nach rechts "verschoben". Ich hab schon etliche Formatierungen ausprobiert, aber nichts scheint zu funktionieren... Sieht vielleicht jemand auf den ersten Blick, wo der Fehler im Code ist?

Mit freundlichen Grüßen,
Fischerauer C.


Code:
*{padding: 0px; margin: 0px; }

body{background-color: white; width: 90%; top:0px; margin: auto; min-width: 980px; max-width: 1700px;}

    table[height="102"] {position: relative; float: right; top: -7px;}

    #container{ width: 100%; position: relative; margin: auto; margin-top: 7px; border: 0px solid yellow;}

        #header_container {position: absolute; width: 100%; height: 169px; margin: 0px 0px 3px 0px;}
            #pre_header{position: relative; margin: 0px 735px 0px 0px; height: 94px; background-image: url(http://img.webme.com/pic/f/fischerauer/pre_header_elektro.png);}
            .header{position: relative; margin: 0px 0px 10px 0px; height: 75px; background-image: url(http://img.webme.com/pic/f/fischerauer/header_elektro.png);}
                h1#header{color: white; font-size: 35px; position: absolute; text-align: right; bottom: 5px; right: 10px; align: right; -moz-user-select:none; -khtml-user-select: none;}

        #nav_container{position: absolute; width: 150px; height: 500px; float: left; top: 172px; margin: 3px 3px 3px 0px;}
            h2#nav_heading{width: 150px; height: 25px; background-image: url(http://img.webme.com/pic/f/fischerauer/nav_header.png); font-size: 15px; text-align: center;}
           ul#nav{list-style: none; max-width: 150px; position: realtive; background-color: #AFFFAF;}
            li.nav_element{width: 150px; height: 30px; padding: 0px; margin: 0px; background-image: url(http://img.webme.com/pic/f/fischerauer/nav_item.png); margin-top: 3px;}
            li.nav_element:hover{background-image: url(http://img.webme.com/pic/f/fischerauer/nav_hover.png);}
            li.nav_element a{display: block; text-align: center; font-size: 14px;}
            li.nav_element a:link{text-decoration:none; font-size: 18px; padding-top: 4px; color: #000000;}
            li.nav_element a:visited{color: #000000;}
            li.subpage{width: 130px; position: relative; left: 20px; background-image: url(http://img.webme.com/pic/f/fischerauer/nav_subitem.png); margin-top: 1px;}
            li.subpage:hover{background-image: url(http://img.webme.com/pic/f/fischerauer/nav_subitem_hover.png);}
            li.subpage a{ display: block; text-align: left; font-size: 12px; padding: 2px 0px 2px 15px;}
            li.subpage a:link{text-decoration:none; font-size: 14px; padding-top: 4px; color: #000000;}
            li.subpage a:visited{color: #000000;}

        #content_container{position: relative; top: 172px; margin: 3px 171px 3px 153px; border: 2px ridge blue;}
            #pre_content{height: 25px; padding: 0px 10px 0px 10px;}
            #content{position: relative; margin: 0px 0px 0px 0px; padding: 3px 10px 3px 10px;}
            #counter{display: none;}
            #below_content{height: 25px; text-align: center; padding-top: 8px;}

            #sidebar_container{position: absolute; width: 168px; float: right; right: -174px; top:0px; background-color: white; margin: 3px 0px 3px 3px; text-align: center; min-heigth: 200px;}
                #sidebar_heading{}
                #sidebar_content{margin: auto;}
                #sidebar_newcontent{width: 168; height: 25; margin: 15px 0px 0px 0px; background-image: url(http://img.webme.com/pic/f/fischerauer/sidebar_header.png); text-align: center;}
                #sidebar_News{background-color: #CCE5E5; margin-top: 1px;}


#code_emb{background: #ffffff; overflow:auto;width:auto;color:black;background:white;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em; max-height: 400px;}


#nav_FunktionsgeneratorBilderreihe{display: none;}
#nav_clinearlist{display:none;}
Beitrag27.07.2012 um 22:00 (UTC)    
Titel:

Also bei mir sieht deine Homepage in jedem Browser gleich aus, auch am iPad ist das Menü schön Links.
Vielleicht machst du mal ein paar Screenshots, damit wir sehen was du meinst. Wink
______________
- Signatur vom Mod Team angepasst -
Bitte keine Werbung für fremde Projekte

=> Das ist sehr schade. Ich habe mich hier im Forum über viele Jahre engagiert und einfach meine Signatur zu verändern zeugt von mangelnder Wertschätzung für meine Beiträge, die einzig den Nutzern des Homepage-Baukastens zugute kamen. Spätestens mit der Reduzierug auf max. 10 Unterseiten* sind die guten Zeiten des Baukastens ohnehin vorbei und die einst große Gremeinschaft im Forum hat sich längst aufgelöst. Nun bin ich hier offenbar auch nicht länger erwünscht. Bleibt mir nur lebewohl zu sagen, es waren schöne 14 Jahre und der Baukasten hat mir immer viel Spass gemacht - machts gut und eventuell trifft man sich ja doch nochmal an anderer Stelle im Internet. (07.06.2020)
* mittlerweile sogar nur noch 5
Beitrag28.07.2012 um 08:09 (UTC)    
Titel:

Also das versteh ich dann irgendwie nicht. Wenn ich die Seite mit meinem Internet-Explorer öffne, dann sieht das so aus:
http://www.file-upload.net/download-4605899/bild1.jpg.html
Ich hab so ein uralt-Handy, mit Opera-Mini drauf; und mit dem zeigt es mir das Menü auch so an...
Mein Verdacht ist, dass Firefox die "Auflistung" (ul und li; siehe CSS-Code) anders behandelt, als der Internetexplorer und das Einrücken im Prinizip eine Aufzählung ist. Denn unter Navigation ist ja auch noch mehr Platz, als sein soll...

Danke für die rasche Antwort!


Zuletzt bearbeitet von fischerauer am 28.07.2012, 09:13, insgesamt einmal bearbeitet
Beitrag28.07.2012 um 08:32 (UTC)    
Titel:

Hallo,

in meinem IE (Version 9 oder so) sieht es so aus wie auf deinem Screenshot.
Setze mal die Menü-Liste auf list-style-type:none;

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag28.07.2012 um 11:25 (UTC)    
Titel: GELÖST

Hallo,

das mit dem list-style-type: none hab ich auch schon versucht: vergeblich...
Aber ich bin jetzt draufgekommen, woran es gelegen hat: In meinem CSS-Code habe ich von einer anderen Seite das *{padding: 0px; margin:0px;} übernommen. Anscheinend wird diese Formatierung von Internet-Explorer und Firefox jedoch unterschiedlich behandelt...
Jetzt habe ich diese Formatierung gelöscht und habe im CSS-Code bei der Listenaufzählung noch jeweils eine padding und margin-Formatierung hinzugefügt. Siehe da: es funktioniert!

Trotzdem vielen Dank für die sofortige Hilfe von Euch! Very Happy

jetziger Code:
Code:
body{background-color: white; width: 90%; top:0px; margin: auto; min-width: 980px; max-width: 1700px;}

    table[height="102"] {position: relative; float: right; top: -7px;}

    #container{ width: 100%; position: relative; margin: auto; margin-top: 7px; border: 0px solid yellow;}

        #header_container {position: absolute; width: 100%; height: 169px; margin: 0px 0px 3px 0px;}
            #pre_header{position: relative; margin: 0px 735px 0px 0px; height: 94px; background-image: url(http://img.webme.com/pic/f/fischerauer/pre_header_elektro.png);}
            .header{position: relative; margin: 0px 0px 10px 0px; height: 75px; background-image: url(http://img.webme.com/pic/f/fischerauer/header_elektro.png);}
                h1#header{color: white; font-size: 35px; position: absolute; text-align: right; bottom: 5px; right: 10px; align: right; -moz-user-select:none; -khtml-user-select: none;}

        #nav_container{position: absolute; width: 150px; height: 500px; float: left; top: 172px; margin: 3px 3px 3px 0px;}
            h2#nav_heading{width: 150px; height: 25px; background-image: url(http://img.webme.com/pic/f/fischerauer/nav_header.png); font-size: 15px; text-align: center; padding: 0px; margin: 0px;}
           ul#nav{list-style: none; max-width: 150px; position: realtive; padding: 0px; margin: 0px;}
            li.nav_element{width: 150px; height: 30px; padding: 0px; margin: 0px; background-image: url(http://img.webme.com/pic/f/fischerauer/nav_item.png); margin-top: 3px;}
            li.nav_element:hover{background-image: url(http://img.webme.com/pic/f/fischerauer/nav_hover.png);}
            li.nav_element a{display: block; text-align: center; font-size: 14px;}
            li.nav_element a:link{text-decoration:none; font-size: 18px; padding-top: 4px; color: #000000;}
            li.nav_element a:visited{color: #000000;}
            li.subpage{width: 130px; position: relative; left: 20px; background-image: url(http://img.webme.com/pic/f/fischerauer/nav_subitem.png); margin-top: 1px;}
            li.subpage:hover{background-image: url(http://img.webme.com/pic/f/fischerauer/nav_subitem_hover.png);}
            li.subpage a{ display: block; text-align: left; font-size: 12px; padding: 2px 0px 2px 15px;}
            li.subpage a:link{text-decoration:none; font-size: 14px; padding-top: 4px; color: #000000;}
            li.subpage a:visited{color: #000000;}

        #content_container{position: relative; top: 172px; margin: 3px 171px 3px 153px; border: 2px ridge blue;}
            #pre_content{height: 25px; padding: 0px 10px 0px 10px;}
            #content{position: relative; margin: 0px 0px 0px 0px; padding: 3px 10px 3px 10px;}
            #counter{display: none;}
            #below_content{height: 25px; text-align: center; padding-top: 8px;}

            #sidebar_container{position: absolute; width: 168px; float: right; right: -174px; top:0px; background-color: white; margin: 3px 0px 3px 3px; text-align: center; min-heigth: 200px;}
                #sidebar_heading{margin: 0px; padding: 0px;}
                #sidebar_content{margin: auto; padding: 0px;}
                #sidebar_newcontent{width: 168; height: 25; margin: 15px 0px 0px 0px; padding: 0px; background-image: url(http://img.webme.com/pic/f/fischerauer/sidebar_header.png); text-align: center;}
                #sidebar_News{background-color: #CCE5E5; margin-top: 1px;}


#code_emb{background: #ffffff; overflow:auto;width:auto;color:black;background:white;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em; max-height: 400px;}


#nav_FunktionsgeneratorBilderreihe{display: none;}
#nav_clinearlist{display:none;}
Beitrag28.07.2012 um 11:39 (UTC)    
Titel:

Na dann - danke für die Rückmeldung Wink

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de