Suche im Forum:
Suchen


Autor Nachricht
Beitrag08.03.2010 um 16:40 (UTC)    
Titel: Einheitliche Darstellungen in allen Browsern?

Hallo,

ich habe Probleme mit der Darstellung meiner Page.

Ich bin jetzt auf CSS unterwegs, und das Design wird wirklich überall anders angezeigt. Vor allem die Navigation, die mir sehr wichtig ist, wird in drei verschiedenen Varianten angezeigt.

Am Computer im Haus (bin normalerweise am Laptop) wird die Navigation nicht als Coolmenü, sondern untereinander angezeigt. Das verwundert mich. Normalerweise werden doch nur die Ränder abgeschnitten bei anderen Auflösungen. Aber da zeigt er auf dem selben Browser wie hier die Navi völlig falsch an, wie kann das denn sein?

Auch im Internet Explorer wird sie anders angezeigt, da steht dann plötzlich das impressum unter der redaktion, ich begreife das nicht.

Das alles hindert mich an der Arbeit, ich weiß nicht wie ich es machen soll.

Kann mir denn nicht mal jemand erklären, wie ich es schaffe das die Seite überall gleich angezeigt wird, jedenfalls so gut wie es geht?



Liebe Grüße
______________
Es gibt nur zwei Arten von Musik:HEAVY und METAL!


Zuletzt bearbeitet von powermetal4ever am 08.03.2010, 17:40, insgesamt einmal bearbeitet
Beitrag08.03.2010 um 16:46 (UTC)    
Titel:

Hey,
ganz genau kann ich dir das Problem nicht sagen vielleicht fragst du jemand ob er dir dein Design umcoden kann des es in mehr Browsern läuft (da kommst du nicht herum) würde dir gerne helfen allerdings hatte ich dieses Problem noch nie und weiß nicht wie man es behebt.


Gruß
Camiyo
______________
Wenn ihr mich unterstützen wollt, würde ich mich freuen wenn ihr für mich (techmec.de) auf http://www.selbstaendig-im-netz.de/2011/05/23/blog-coaching/abstimmung-zum-blog-coaching/ abstimmt, einfach den Haken vor "Techmec.de" setzten und auf "Vote" klicken, würde mich sehr freuen!!
Beitrag08.03.2010 um 17:00 (UTC)    
Titel:

Danke für die Antwort.

Der Code ist nicht wirklich kompliziert. Wäre klasse wenn das irgendwie gehen würde.

Bitte helft mir, ich weiß langsam nicht mehr weiter.

Code:
</style>
    <center>
    <style type="text/css">
    <!--

    /* Nullformatierung für alle Browser */
    * {margin:0px; padding:0px;}

    /* Hintergrund hinter Design */
    body {
    background-color: #000000;
    background-image: url(http://img.webme.com/pic/p/powermetal4ever/bg2.jpg);
    background-repeat: no-repeat-x; }

    /* Hintergrund-Container */
    #container {
    width: 980px;
    margin: auto;
    background-color: #000000;
    background-image: url();
    border: px solid #c9c9c9;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    overflow: hidden; }

    /* Dein Header-Banner oben */
    #header_container {
    margin-top: 10px;
    width: 927px;
    height: 159px;
    background-image: url(http://img.webme.com/pic/p/powermetal4ever/header7.jpg);
    border: 1px solid #898989;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px; }

    /* Feld der Navigation */
    #nav_container {
    width:980px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    border: 0px solid #c9c9c9; }

    /* Feld Navi-Buttons */
    li.nav_element {
    display: inline-block;
    list-style-type: none;
    text-align: center;
    margin-right: 10px;
    margin-left: 10px;
    width: 85px !important;
    padding: 5px;
    background-color: #000000;
    background-image: url(http://img.webme.com/pic/p/powermetal4ever/black2neuneuverzogen5.png);
    border: 1px solid #999999;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px; }

    /* Linkfarbe und Linkgröße im Navi-Button */
    li.nav_element a {
    font-size:13px;
    color: #FFFFFF;
    font-family: arial; }

    /* Hover-Effekt bei Mauskontakt */
    li.nav_element:hover {
    background-color:#000000;
    background-image:url(); }

    /gerade besuchte Seite */
    li.checked_menu {
    background-color:;
    background-image: url(http://img.webme.com/pic/g/grafik-werkstatt/animated.gif);
    border: 1px solid #222222; }

    /* Textfeld / Seiteninhalt */
    #content {
    margin-top: 10px;
    margin-bottom: 20px;
    width: 900px;
    padding: 20px;
    color: #FFFFFF;
    font-size: 14px;
    font-family: arial;
    text-align: left;
    background-color: #000000;
    border: 1px solid #c9c9c9;
    -moz-border-radius-topleft:7px;
    -moz-border-radius-topright:7px;
    -moz-border-radius-bottomleft:7px;
    -moz-border-radius-bottomright:7px; }

    /* Linkfarbe und Größe im Textfeld */
    #content a {
    font-size: 14px;
    color: #FFFFFF;
    font-family: arial; }

    /* Balken unter dem Design */
    #unten {
    width: 960px;
    color: #FFFFFF;
    font-family: arial;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 50px;
    background-color: #222222;
    border: 2px solid #c9c9c9;
    -moz-border-radius-topleft: 7px;
    moz-border-radius-topright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px; }



    /*unnötige Elemente entfernt */
    #sidebar_container {display:none; }
    #sidebar_heading {display: none;}
    #nav_heading {display:none;}
    h1#header {display:none;}
    h2#title {display:none;}
    #pre_content {display: none;}
    #pre_header {display:none;}
    div.header{display: none;}
    #post_header {display:none;}
    #post_content {display:none;}
    #below_content{display: none;}
    #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {display:none;}
    #counter {display:none;}

______________
Es gibt nur zwei Arten von Musik:HEAVY und METAL!


Zuletzt bearbeitet von powermetal4ever am 08.03.2010, 18:00, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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