| Autor |
Nachricht |
Anti78
Threadersteller
Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht: 
|
Verfasst Mi 26.09.2007 19:38
Titel [CSS + AJAX] Problem mit Darstellung im IE |
  |
|
Hi Leuts.
Ich muss gerade ne Seite für unseren Betrieb bauen. Schaffe am Mac. Auf dessen Browsern (Safari, Firefox, Opera) sowie auf PC (Opera, Firefox) sieht alles aus wie es soll. Aber auf dem IE auf dem PC werden 2 Darstellungsfehler gemacht. Obwohl die Browser-Kompatibilitätsprüfung im Dreamweaver CS3 keine Probleme angezeigt hat.
Hier mal die URL:
http://www.yellow-elephant.com/vp/
Links das Hauptmenue soll mit dem Accordion-Effekt von Ajax auffahren. Macht es auch. Aber der riesige rote Balken links sollte da nicht sein. Auch die Menüpunkte sollen nicht so weit nach rechts verdrängt werden. Hab schon einiges ausprobiert, aber nichts hat gefruchtet. Ausserdem sollten keine Scrollbalken erscheinen. Das ist auch nur im IE so.
CSS:
| Code: | .AccordionPanelContent {
overflow: auto;
margin: 0px;
height: auto;
background-color: #fcf2f4;
}
.AccordionPanelContent dd {
margin:0;
padding:0;
color: black;
font-size: 10px;
background: #bc002d;
}
.AccordionPanelContent a, .AccordionPanelContent a:visited {
color: #002437;
text-decoration:none;
display:block;
padding:5px 5px 5px 20px;
background: #fcf2f4 10px 10px;
width:128px;
}
.AccordionPanelContent a:hover {
background: #f9e6ea 11px 10px;
}
ol li {
font-size:11px;
}
|
HTML
| Code: | <div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Hauptlink1</div>
<div class="AccordionPanelContent">
<dd><a href="#" title="#">Link1</a></dd>
<dd><a href="#" title="#">Link2</a></dd>
<dd><a href="#" title="#">Link3</a></dd>
<dd><a href="#" title="#">Link4</a></dd>
<dd><a href="#" title="#">Link5</a></dd>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Hauptlink2</div>
<div class="AccordionPanelContent">
<dd><a href="#" title="#">Link1</a></dd>
<dd><a href="#" title="#">Link2</a></dd>
<dd><a href="#" title="#">Link3</a></dd>
<dd><a href="#" title="#">Link4</a></dd>
<dd><a href="#" title="#">Link5</a></dd>
<dd><a href="#" title="#">Link6</a></dd>
<dd><a href="#" title="#">Link7</a></dd>
<dd><a href="#" title="#">Link8</a></dd>
<dd><a href="#" title="#">Link9</a></dd>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Hauptlink3</div>
<div class="AccordionPanelContent"></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Hauptlink4</div>
<div class="AccordionPanelContent">Inhalt 4</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="#">Hauptlink5</a></div>
<div class="AccordionPanelContent"></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Hauptlink6</div>
<div class="AccordionPanelContent">Inhalt 6</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Hauptlink7</div>
<div class="AccordionPanelContent">Inhalt 7</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Hauptlink1</div>
<div class="AccordionPanelContent">Inhalt 8</div>
</div>
</div> |
2. Problem: Ganz rechts. Untermenue1 und Untermenue2 sollten eigentlich mittig (von oben gesehen) auf dem farbigen Hintergrund stehen. Woran könnte das liegen?
CSS
| Code: | #rechte-navi-grau {
float: right;
width: 153px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
padding: 0;
background-image: url(img/navi-rechts-rundung-grau.jpg);
background-repeat: no-repeat;
background-position: left top; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum. */
background-color: #f9f9f9;
}
#rechte-navi-grau h2 {
font-size: 11px;
color: #FFFFFF;
padding-top:2px;
padding-left: 35px;
font-weight: normal;
padding-bottom:18px;
}
#rechte-navi-grau p, #rechte-navi-grau h3 {
margin-left: 35px; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
margin-right: 10px;
padding-bottom:6px;
} |
HTML
| Code: | <div id="rechte-navi-grau">
<h2>Untermenue2</h2>
<p>Inhalt</p>
div> |
Wäre dankbar für jede Hilfe. Ich weiß nicht mehr weiter.
Zuletzt bearbeitet von Anti78 am Mi 26.09.2007 19:39, insgesamt 1-mal bearbeitet
|
|
| |
  |
 |
nitnat
Dabei seit: 25.06.2007
Ort: Remchingen
Alter: 38
Geschlecht:
|
Verfasst Mi 26.09.2007 20:26
Titel
|
|
|
zumindest für dein erstes Problem hab ich mal nen lösungsansatz:
versuchs mal mit float:left innerhalb von .AccordionPanelContent dd
falls das nicht hilft, müssten die scrollbalken auf jeden fall mit overflow:hidden (statt overflow:auto) innerhalb von .AccordionPanelContent verschwinden
|
|
| |
 |
|
|
Anzeige
|
|
|
Account gelöscht
Ort: -
Alter: -
|
Verfasst Mi 26.09.2007 20:30
Titel
|
|
|
Ajax ist ne Art Client-Server Kommunikation, kein Accordeon-Menu. Somit entfällt ein Teil deiner Threadüberschrift, das hat mit Ajax nämlich nix zu tun.
Damit wirds für mich auch leider uninteressant, trotzdem wünsch ich dir viel Glück bei der Problemlösung 
|
|
| |
|
|
Anti78
Threadersteller
Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht:
|
Verfasst Mi 26.09.2007 20:34
Titel
|
|
|
Hm, mit dem float:left siehts auf dem IE jetzt gut aus. Thx.
Könntest du es auch mal auf Firefox testen? Da siehts jetzt komisch aus bei mir. Und auch auf dem Opera wirds zerschossen.
@xschinken: trotzdem danke.
Zuletzt bearbeitet von Anti78 am Mi 26.09.2007 20:39, insgesamt 1-mal bearbeitet
|
|
| |
|
|
nitnat
Dabei seit: 25.06.2007
Ort: Remchingen
Alter: 38
Geschlecht:
|
Verfasst Mi 26.09.2007 20:41
Titel
|
|
|
argh, sieht übel aus
liegt vermutlich an width:100%
versuchs mal mit einer genauen angabe in px
könnte natürlich wieder beim ie probleme machen 
|
|
| |
|
|
Anti78
Threadersteller
Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht:
|
Verfasst Mi 26.09.2007 21:09
Titel
|
|
|
Es funzt.  Jedenfalls bei mir.
Und jetzt sag bitte nicht, dass es bei dir immer noch zerschossen wird.
Danke dir.
http://www.yellow-elephant.com/vp/
Zuletzt bearbeitet von Anti78 am Mi 26.09.2007 21:17, insgesamt 1-mal bearbeitet
|
|
| |
|
|
nitnat
Dabei seit: 25.06.2007
Ort: Remchingen
Alter: 38
Geschlecht:
|
Verfasst Mi 26.09.2007 21:36
Titel
|
|
|
yeah und wieder sinnlos zeit verschwendet für den ie. kein problem.
ps: simpsons avatare können alles!
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
AJAX Problem mit Internet Explorer
Lightbox Problem in Verbindung mit AJAX
[Ajax] Prototype Funktion Ajax.Updater - Brauche Hilfe
AJAX Problem - zwei funktionen - eine funzt
Problem mit Darstellung im IE
Problem mit Darstellung von Swf
|
|
Willkommen auf dem Portal für Mediengestalter
