Opera und css Probleme

lima-city → Forum → Programmiersprachen → PHP, MySQL & .htaccess

Autor dieses Themas
ravenc

ravenc hat kostenlosen Webspace.
15:34, 19.3.2008
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
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
Autor dieses Themas
ravenc

ravenc hat kostenlosen Webspace.

17:30, 20.3.2008
nochmal up..
keiner ne Idee woran es liegen könnte?
phwitti

phwitti hat kostenlosen Webspace.

17:59, 20.3.2008
ü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.

19:05, 23.3.2008

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;
}

Autor dieses Themas

ravenc

ravenc hat kostenlosen Webspace.

13:53, 27.3.2008

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.. ;)

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

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city