Thema: Mehrere index.php, je nach Browser

Zitat von mad158

Für den Anfang ist aber die Browserweiche per bedingte Kommentare wahrscheinlich das einfachste. Also leg ne zweite css an.

Das hab ich jetzt gemacht, funktioniert auch prächtig.

Nur hab ich einen mittelschweren Bug entdeckt:

PHP-Code:

div#container_middle    {
    float:left;
      width: 100%;
      margin-top: -30px;          
} 


dieser Content Bereich für meinen Hauptcontent in der Mitte funktioniert für den IE top.
Beim FF sieht er auch gut aus, nur funktionieren in diesem Bereich keine links..erst wenn ich width: 100%; auf width: 95%; ändere funktionieren die links wieder, jedoch passt dann das Layout nicht mehr...

kennt jemand das problem?
danke !

Zitat von mad158

Im IE funktionieren die Links, im FF nicht? Reihenfolge der Div. IE ist fehlertoleranter, legst Du nen Div über Links, stört es den IE nicht, der FF fühlt sich aber veräppelt

Jap genau so scheint es...kann ich dem FF beibringen, dass er sich ebenfalls nicht veräppelt fühlt oder muss ich versuchen die divs so zu verkleinern, dass sie irgendwie nicht übereinander liegen??

P.S. eigentlich habe ich auch darauf getippt und auch die divs angepasst, dass sie nicht übereinander liegen, jedoch hat dies keine wirkung gezeigt...

Zitat von mad158

Also, ist jetzt ne Vermutung: in der index.php baust Du erst den linken Bereich auf, dann die Mitte (Content Bereich) und dann den rechten Bereich. Wenn dem so ist funzen die Links im rechten bereich, in der Mitte, nur Links da zickt er rum.

Richtige Reihenfolge: erst Mitte, dann links, dann rechts. Positionierung des linken Bereich dann mittels "margin-left: -100%;" -

Ich bau erst Mitte auf, dann rechts, dann links..
Der linke Bereich ist mittels margin-left: -100% positioniert...

PHP-Code:

div#container_middle    {
    float:left;
      width: 100%;
      margin-top: -30px;          
}


div#links    {
         
    float:left;
        width:165px;
    margin-left:-100%;
    margin-top: -37px;
}


#content {
    margin: -30px 152px 20px 167px;
        width: auto;    
        text-align: center;
        

}

div#rechts    {

        float:left;
           width:150px;
    margin-left:-150px;
    text-align: right;
    margin-top: -37px;
} 


Die Links in der Mitte funktionieren im FF nicht, im IE schon.

Eine Beobachtung: im FF überlappt der linke Bereich erst ganz kurz den mittleren und zieht sich dann wieder kleiner, so dass es passt. Im IE ist er sofort in der passenden Größe...

Zitat von mad158

Hast recht, ist auch richtig die Reiehenfolge, sorry, lange her, mußte mal eben selber nachschauen

mitte-rechts-links

seh da jetzt auch auf anhieb nicht was schief läuft, haste nen Link zur Seite?

Hmm sehr merkwürdig...einen link zur Seite hab ich leider nicht, da sie noch nicht online steht...

ich bin echt ratlos im moment

Nur zur Info an alle die geholfen haben:

Hab es nun hinbekommen.
Woran es nun genau lag weiß ich nicht, jedenfalls sieht die Seite jetz in IE und FF gut aus und ich kann jetzt auch im FF die links in der Mitte anklicken.

Danke !