• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Probleme mit der Darstellung der HP in IE

F

Fortunaweb

Neues Mitglied
Hallo Leute,

bin noch neu hier und lerne jeden Tag dazu, nur gibt es leider Sachen die ich nicht allein find.
Komme von einem Baukastensystem und versuche zur neuen Saison für unseren Verein eine neue HP aufzusetzen, doch leider hab ich immer wieder Probleme mit der Darstellung im IE.

Den Mittelteil der Seite habe ich in der stylesheet.css auf 625 px angepasst.
Leider kann ich den Mittelteil nur in vollem Ausmass nutzen wenn ich ein Bild mit 610px Breite auf der entsprechenden Seite habe.
Ansonsten fehlt mir links und rechts ein ganzes Stückchen. Siehe Link.
Spielberichte 2010/11

oder

Das Wort Ergebnisdienst zeigt deutlichen die linke Begrenzung
Ergebnisdienst

Da ich den Fehler nicht finden konnt bin ich auf die Idee gekommen jeder Seite eine weisses Bild 610*1px beizufügen.
<center>Frauen</center>
Wenn ich das allerdings tue dann rutscht der Text unter die linke Menüseite.

Meine CSS
HTML: 
/*********************/
/*- Layout-Elements -*/
/*********************/
*
 
{
   margin: 0;
   border: 0;
   padding: 0;
}

body#root {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: #fff url(common/bggradient.jpg) bottom left fixed repeat-x;
    position:relative;
    text-align:center;
    }
    
#pageregion {
    margin: auto;
    margin-top: 0;
    padding: 0;
    border: 0;
    width:1040px; (breite Template)
    text-align:left;
    background-color:#fff;
    }

#pageregionTop {
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #666;
    background-color:#fff;
    }

#pageregionContentExtrashell {
    background: url(common/BGpageregionLeft.gif) repeat-y  left;
    margin: 0;
    padding: 0;
    border: 0;
    }
#pageregionContentOutershell {
    background: url(common/BGpageregionRight.gif) repeat-y right;
    margin: 0;
    padding: 0;
    border: 0;
    }
#pageregionContentInnershell {
    float: left;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    margin-right: -220px;
    background: url(common/BGpageregionRight.gif) repeat-y right;
    }
#pageregionContent {
    margin-right: 220px;
    background: url(common/BGpageregionLeft.gif) repeat-y left;
    }
#pageregionLeft {
    float: left;
    width: 195px;
    }
#Content {
    margin-left: 210px;
    } 

/*-- Broad: without pageregionRight --*/
#pageregionContentOutershellBroad {
    margin: 0;
    padding: 0;
    border: 0;
    }

#pageregionContentInnershellBroad {
    float: left;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    }
#pageregionContentBroad {
    margin-right: 10px;
    background: url(common/BGpageregionLeft.gif) repeat-y left;
    }
    
#ContentBroad {
    width: 625px;
    margin-left: 210px;
    }
    
/*-- /Broad: without pageregionRight --*/


#pageregionBefore {
    padding-top: 10px;
    }

#pageregionRight {
    float: right;
    padding:10px;
    text-align:left;
/*-------box model hack-------*/
    width: 180px !important;
    width: 200px;
    width/**/:/**/180px;

    }
#pageregionBottom {
    border: 0;
    border-top: 1px solid #ccc;
    color: #666;
    background: #eee;
    padding: 5px 7px 5px 10px;
    text-align: left;
    clear: both;
    }

#pageregionBottom p {
    margin: 0;
    padding: 0;
    font-size:xx-small;
    }

#Description  {
    margin: 0;
    padding: 0;
    }

/****************/
/*---- Logo ----*/
/****************/
#Logo    {
    border: 0px;
    margin: 0px;
    padding: 0px;
    }
#Logo img {
    margin: 0px;
    padding: 0px;
    border: 0px;
    }

/****************/
/*--- Links ----*/
/****************/

a:link, a:visited {
    font-weight : normal; 
    text-decoration : none;
    color: #666600;
    background: transparent; 
    }

a:hover {
    font-weight : normal; 
    text-decoration : underline;
    color: #000;
    background: transparent; 
    }

a:active {
    font-weight : normal; 
    text-decoration : underline;
    color: #000;
    background: transparent;  
    }

/*********************/
/* Functional Page Elements*/
/*********************/

/*----- Channel  -----*/


#Menu ul.Menu
    {
    background: #fff url(common/menubg.gif) bottom left repeat-x;
    height:31px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin:0em;
    padding:0em;
    color: #666;
    float: left;
    width: 100%;
    font-size:small;
    }

/*----- font size hack -----*/
/*/*/a{}
body #Menu ul.Menu {
font-size : x-small;
}
html>head:first-child+body #Menu ul.Menu {
font-size : small;
}
/* */
/*----- /font size hack -----*/

#Menu ul.Menu li.Menu 
    {
    margin: 0;
    padding: 0;
    display: inline;
    white-space:nowrap;
    }

#Menu ul.Menu li.Menu a
    {
    height:26px;
    font-weight: bold;
    padding: 0.35em 1em 0.0em 1em;
    color: #666;
    text-decoration: none;
    float: left;
    border-right: 0.1em solid #eee;
    }

#Menu ul.Menu li.Menu a.current
    {
    font-weight:bold;
    color:#000;
    background: #ccc url(common/menubgcurrent.gif) top left repeat-x;
    }

#Menu ul.Menu li.Menu a:hover
    {
    color: #000;
    background: #ddd url(common/menubgactive.gif) top left repeat-x;

    }
    
/*-----MenuDropdown-----*/

.child, .subchild 
    { 
    position: absolute;
    visibility: hidden;
/*-------box model hack-------*/
    margin-left: -0.96em !important;
    margin-left: 0px;
    margin-left/**/:/**/-0.96em;
/*-------box model hack-------*/    
    margin-top: 0.75em !important;
    margin-top: 0.15em;
    margin-top/**/:/**/0.85em;
    }

.menuDropdown 
    {
/*-----   filter: progid:DXImageTransform.Microsoft.Alpha( Opacity=80, FinishOpacity=0, Style=0, StartX=0,  FinishX=100, StartY=0, FinishY=100);*/
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    background-color: #eee; 
    width: 11.5em;
    }

.navDropdown
    {
    display: block;
    text-align: left;
    border-bottom: 1px solid #666;
    line-height: 1.3em;
    white-space:nowrap;
    padding: 3px 3px 3px 14px;
    font-size:small;
    }
/*----- font size hack -----*/
/*/*/a{}
body .navDropdown {
font-size:x-small;
}
html>head:first-child+body .navDropdown {
font-size:small;
}
/* */
/*----- /font size hack -----*/

/*-----Micronavigation-----*/

#Micronavigation {
    padding:5px 10px 5px 3px;
    text-align:left;
    }

#Micronavigation, #Micronavigation a, #Micronavigation span {
    font-size:  xx-small;    
    }

#Micronavigation span {
    font-weight:bold;
    }

/*----- font size hack -----*/
/*/*/a{}
body #Micronavigation span, 
html>head:first-child+body #Micronavigation a {
font-size : x-small;
}
html>head:first-child+body #Micronavigation span,
html>head:first-child+body #Micronavigation a {
font-size : x-small;
}
/* */
/*----- /font size hack -----*/

/*-----Macronavigation-----*/

#Macronavigation {
    margin: 50px 0px 25px 0px;
    padding: 0px;
    border: 0px;
    margin-top: 35px !important;
    margin-top: 50px;
    margin-top/**/:/**/50px;
    }


#Macronavigation ul {
/*--    border-top: 1px solid silver;    -*/
/*--    border-bottom: 1px solid #fff;    -*/    
    }
    
#Macronavigation ul li {
    margin: 0;
    padding: 0;
    padding-top: 5px;
    border: 0px;
    line-height: 1.25em;
    font-size: small; 
    }

/*----- font size hack -----*/
/*/*/a{}
body #Macronavigation ul li {
font-size : x-small;
}
html>head:first-child+body #Macronavigation ul li {
font-size : small;
}
/* */
/*----- /font size hack -----*/

    
#Macronavigation ul li.doc    {
    list-style: disc url(common/icondoc.gif) inside;
    }
#Macronavigation ul li.folder    {
    list-style: disc url(common/iconfolder.gif) inside;
    }
#Macronavigation ul li a:link {
    font-weight: normal;
    }

#Macronavigation ul li    {
/*--    padding: 5px 0px 8px 10px;    -*/
/*--    border-top: 1px solid #fff;    -*/
/*--    border-bottom: 1px solid silver;-*/
}


#Macronavigation dl,
#Macronavigation dt, 
#Macronavigation dd 
    {
    margin: 0;
    padding: 0;
    }
#Macronavigation dd {
    padding: 0;
    margin: 0 0 0 0;
    }
Ich denke das der Fehler irgendwo in dem Teil begraben ist, bitte helft mir. Am besten wäre wenn ich den kompletten Mittelteil beschreiben könnte, ohne meine Notlösung die im IE scheinbar nicht funktioniert.

Danke für eure Hilfe.
 
Hallo bins wieder,

also wie beim letzten mal muss ich leider wieder den IE in schutz nehmen, er macht genau was er machen soll :O)

In deinem CMS muss es ja eine art Template verwaltung geben wo den html teil bearbeiten kannst.
Findest das?
Dort musst dir den code mal anschauen und das suchen
Code: 
<!--  pageregionBefore -->
<!-- IE table hack for ZMS2.1 -->
<table border="0" cellpadding="0" cellspacing="0"><tr><td 
width="420"
>
Eigentlich macht die Tabelle kein Sinn aber es wird sich hoffentlich jemand was dabei gedacht haben. lösche einfach mal das width="420"daraus, dann müsste das passen.

Cheffchen
 
Oh Man Cheffchen, du hast mir schon wieder den Ar... gerettet.

Das Problem war sicherlich darin das die 420 richtig waren, doch als ich die Breite des Templates geändert habe, hab ich die Stelle nicht gefunden.

Nun hab ich es gefunden.


Vielen DANK für die schnelle Hilfe.
 
Nun bin ich doch schon wieder hier, dachte je eigentlich das sich meine Probleme in Luft aufgelöst haben, aber irgendwie hat sie deine Lösung nur verschoben.

Nun zeigt mir der FF die Seiteninhalte nicht mehr an der richtigen Stelle an.

<center>News</center>


Oh man, ich schein echt ein wenig zu doof zu sein.
 
Hallo,

hm kaum verwunderlich aber da für kannst ja nichts hast das Template ja nicht selber erstellt, was keine glanz leistung war :O).
Ich habe das jetzt mal versucht, das passiert jetzt alles in css dateien.

in der stylesheet_ger.css nach #Content suchen in der klammer dann das löschen "margin-left: 210px;" und das einfügen "width: 630px;"
Das müsste es dan gewessen sein, mach aber vorher eine Sicherung der css datei, is halt immer etwas tricky sowas ohne direckten zugriff zu testen.

Cheffchen
 
Jetzt wird es richtig schwer.

Hab die Stelle gefunden und es auch eingefügt. Nun sieht die Hp im FF wieder komplett i.O. aus.

Hier kommt das aber:

im IE <center>News</center>
oder
Kegeln

die sind nicht i.O. wiederum ist die
Ergebnisdienst gut.

Ich versteh zwar langsam das ganze, aber die feinheiten sind echt twicky wie du sagst.
 
Hallo,

warum das passiert ist mir jetzt auch klar, da fehlt dann einfach Links ein Menü.
Zwei möglichkeiten entweder machst da ein Menüpunkt hin wie beim Gästebuch
oder einfach ein leerzeichen beim Menü reinmachen.
Suche nach dem
<!-- pageregionLeft -->
<DIV id=pageregionLeft><!-- pageelement_Macronavigation -->
<DIV id=Macronavigation>
<DL>
<DD>
Zum Vergrößern anklicken....
und mach &nbsp; hinter dem <DD> und dann Schauen.

oder css umbauen aber dafür fehlt mir dann doch etwas die lust :O)

Cheffchen
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben