kostenloser Webspace werbefrei: lima-city


Opera und css Probleme

lima-cityForumProgrammiersprachenPHP, MySQL & .htaccess

  1. Autor dieses Themas

    ravenc

    ravenc hat kostenlosen Webspace.

    Hi Leute..
    Ich hab da ein Problem..
    und zwar stellt Opera meine Seite nicht richtig dar..

    Hier mal zwei Screenshots..
    Meine Seite im Firefox bzw IE:
    http://ravenc.lima-city.de/problem/mozilla.jpg

    und hier die Seite im Opera:
    http://ravenc.lima-city.de/problem/opera.jpg

    Hier die CSS Datei:
    http://www.ravenc.de/loged/img/skin1/game_night.css

    und hier die grobe Anordnung der divs:
    <div id=\"all\" class=\"main\">
      <div class=\"headmain\">
        <div class=\"hbr1\">&nbsp;</div>
        <div class=\"hbr2\">&nbsp;</div>
        <div class=\"hbr3\">&nbsp;</div>
        
        <div class=\"dropmenu\"> {DROPDOWNMENU} </div>
        <div id=\"meta\" class=\"res\"> {RES1} </div>
        <div id=\"kris\" class=\"res\"> {RES2} </div>
        <div id=\"nahr\" class=\"res\"> {RES3} </div>
        <div id=\"schw\" class=\"res\"> {RES4} </div>
        <div id=\"gold\" class=\"res\"> {RES5} </div>
      </div>
      
      //bis hierhin wird alles richtig dargestellt
      
      <div class=\"zwrandmenu\">&nbsp;</div>
      <div class=\"menu\">
        {MENUPUNKTE}
      </div>
      
      <div class=\"zwmenucontent\">&nbsp;</div>
      <div class=\"content\">
        {CONTENT}
      </div>
    </div>


    also die divs mit den classes zwrandmenu, menu, zwmenucontent und content werden im opera unterhalb der class main angezeigt.. im Mozilla aber innerhalb (also korrekt)..

    Ich hoffe es findet sich einer der eine Idee hat woran es liegen könnte.. Ich hab schon mehrmals den code gewälzt und mir ist leider kein Fehler aufgefallen :(
    Danke schonmal im Vorraus :)

    Gruß
    RaVenC

    PS: achja.. wer sich das Problem anschauen möchte: http://www.ravenc.de/


    Beitrag geändert: 19.3.2008 15:34:54 von ravenc
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Autor dieses Themas

    ravenc

    ravenc hat kostenlosen Webspace.

    nochmal up..
    keiner ne Idee woran es liegen könnte?
  4. ürgendwie kommt man an des ding ned ohne sich anzumelden, oder? - die Startpage schaut ja anders aus.

    Aber wenn der Quellcode davon genauso ist wie der von \"index.php\", dann kannst du dich freuen, wenn Opera überhaupt was anzeigt (ürgendwie fehlt da Doctype, das beendende </body>, <html> und </html>) ..

    aber sonst hab ich auch keine Idee. - Mich hat es nur sehr gewundert .. weil sonst sind eher Firefox und IE die, die sich mit CSS ned auskennen.
  5. hey du!

    hab deine css mal durch den validator.w3c.com gejagt:
    ersetzte mal die css durch die hier.. aber vorher ne sicherheitskopie machen. ach übrigens die farbänderung des scrollbalken mochte er nich kA warum, einfach mal probieren obs was ändert:


    body {
    font-size : 11pt;
    color : #000000;
    font-family : Verdana, Helvetica, sans-serif;
    background-color : #292c2d;
    background-attachment : fixed;
    }
    div {
    font-size : 11px;
    font-family : Verdana, Helvetica, sans-serif;
    }
    table {
    font-size : 11px;
    font-family : Verdana, Helvetica, sans-serif;
    }
    body.chat {
    background-color : transparent;
    }
    body.chatie {
    background-color : #ffffff;
    }
    body.chatusr {
    background-color : #ffffff;
    }
    select {
    background-color : #292c2d;
    margin : 1px;
    background-image : none;
    border : 1px solid;
    color : #ffffff;
    border-color : #000000;
    }
    select.head {
    background-color : #ffffff;
    margin : 1px;
    background-image : none;
    border : 1px solid;
    color : #000000;
    border-color : #000000;
    }
    input {
    background-color : #292c2d;
    margin : 1px;
    background-image : none;
    border : 1px solid;
    color : #ffffff;
    border-color : #000000;
    }
    textarea {
    background-color : #292c2d;
    margin : 1px;
    background-image : none;
    border : 1px solid;
    color : #ffffff;
    border-color : #000000;
    }
    tr.hova:hover {
    background-color : #000000;
    color : #ffffff;
    }
    td.td {
    border-width : 1px;
    border-style : solid;
    border-color : #000000;
    }
    td.tdress {
    border-width : 1px;
    border-style : solid;
    border-color : #000000;
    color : #000000;
    }
    a:active {
    color : #000000;
    text-decoration : none;
    font-weight : bold;
    }
    a:link {
    color : #000000;
    text-decoration : none;
    font-weight : bold;
    }
    a:visited {
    color : #000000;
    text-decoration : none;
    font-weight : bold;
    }
    a:hover {
    color : #418200;
    text-decoration : none;
    font-weight : bold;
    }
    font.bu {
    color : #000000;
    font-weight : bold;
    text-decoration : underline;
    }
    font.chat_color {
    color : #000000;
    }
    font.admin {
    color : #000060;
    }
    font.grafiker {
    color : green;
    }
    font.normuser {
    color : #800000;
    }
    font.fern {
    color : #458b00;
    font-weight : bold;
    }
    font.mag {
    color : #ff3030;
    font-weight : bold;
    }
    font.nah {
    color : #528b8b;
    font-weight : bold;
    }
    font.attdo {
    color : #000000;
    font-weight : bold;
    }
    font.attget {
    color : #ff0000;
    font-weight : bold;
    }
    font.transport {
    color : #418200;
    font-weight : bold;
    }
    font.else {
    color : #1144ff;
    font-weight : bold;
    }
    div.timer {
    color : #000000;
    }
    div.res {
    color : #000000;
    font-size : 12px;
    }
    div.main {
    background-image : url(http://www.ravenc.de/loged/img/skin1/night_hg.jpg);
    margin : 0 auto;
    }
    div.headmain {
    margin-left : 176px;
    }
    div.zwrandmenu {
    float : left;
    }
    div.menu {
    overflow : auto;
    float : left;
    }
    div.zwmenucontent {
    float : left;
    }
    div.content {
    overflow : auto;
    float : left;
    padding-left : 0;
    margin-left : 75px;
    }

  6. Autor dieses Themas

    ravenc

    ravenc hat kostenlosen Webspace.

    Hab den Fehler gefunden.. war nen ganz dummer, mit dem IE und Firefox zwar zurecht kam, aber Opera da muckte ;)
    Der Code sah so aus:
    <div id=\"all\" class=\"main\">
     <form .... >
      <div class=\"headmain\">
        <div class=\"hbr1\">&nbsp;</div>
        <div class=\"hbr2\">&nbsp;</div>
        <div class=\"hbr3\">&nbsp;</div>
        
        <div class=\"dropmenu\"> {DROPDOWNMENU} </div>
        <div id=\"meta\" class=\"res\"> {RES1} </div>
        <div id=\"kris\" class=\"res\"> {RES2} </div>
        <div id=\"nahr\" class=\"res\"> {RES3} </div>
        <div id=\"schw\" class=\"res\"> {RES4} </div>
        <div id=\"gold\" class=\"res\"> {RES5} </div>
     </form>
      </div>
    ...
    </div>

    nun hab ich es so:
    s:
    <div id=\"all\" class=\"main\">
      <div class=\"headmain\">
     <form .... >
        <div class=\"hbr1\">&nbsp;</div>
        <div class=\"hbr2\">&nbsp;</div>
        <div class=\"hbr3\">&nbsp;</div>
        
        <div class=\"dropmenu\"> {DROPDOWNMENU} </div>
        <div id=\"meta\" class=\"res\"> {RES1} </div>
        <div id=\"kris\" class=\"res\"> {RES2} </div>
        <div id=\"nahr\" class=\"res\"> {RES3} </div>
        <div id=\"schw\" class=\"res\"> {RES4} </div>
        <div id=\"gold\" class=\"res\"> {RES5} </div>
     </form>
      </div>
    ...
    </div>

    und siehe da.. es geht :D
    war also nen ganz dummer Fehler.. ;)
  7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!