Photoshop-Cafe.de :: Dein Photoshop-Forum - Web-Design IE und margin-right ...

Photoshop-Cafe.de :: Dein Photoshop-Forum (https://www.photoshop-cafe.de/forum/index.php)

- Hilfestellung, Tipps und Tricks (https://www.photoshop-cafe.de/forum/forumdisplay.php?f=30)

- -

IE und margin-right ... (https://www.photoshop-cafe.de/forum/showthread.php?t=1228)

IE und margin-right ...

Hallo zusammen!

Also, um mein Problem besser demonstrieren zu können, hab' ich mal ein Screenshot gemacht ...

http://img225.imageshack.us/img225/7516/margin2kw.th.gif

Zu sehen sind drei div-boxes, wobei "2" die "1" überlagert. Damit "3" die "2" nicht überlagert, habe ich der "2" das CSS-Attribut margin-right verpasst. Firefox macht auch alles richtig und stellt die Box nur bis zum Beginn von "3" dar. Warum macht IE das nicht, bzw. wie kann ich ihn dazu bringen, es korrekt darzustellen? ( Hab' mal aus Spaß margin-left ausprobiert, das interpretiert er wieder korrekt, nur leider hilft mir das herzlich wenig ... )

Folgend noch etwas Code ...
Html:

HTML-Code:

<div class="nav">

        <div class="header">

                <img src="images/header/chaosreturns.gif" alt="Chaos Returns">

        </div>

        <div class="navtext">

                <?

                require_once"mainpage/nav.html"

                ?>

        </div>

        

</div>



<div class="main">

        <?

        require_once'mainpage/'.$link.'.php'

        ?>

</div>



<div class="login">

        <?

        require_once"mainpage/login.php"

        ?>

</div>

Und CSS ...

HTML-Code:

.main {

        position:absolute;

        top:160px;

        left:200px;

        margin-right:200px

}



.login {

        position:absolute;

        top:10px; 

        right:10px

}



.nav {

        background-image:url('../images/nav.jpg');

        width:623px;

        height:587px;

        padding:0px;

        margin:0px;

        position:absolute;

        top:0px;

        left:0px 

}

ist die seite online? gib mal die url an bitte

Wenn wir einmal dabei sind ...

ganz unten sind kürzere news, welche nicht die ganze Breite ausfüllen. Ich hätte gern, dass sie das aber tun. Mit FF kein Problem, sag ich einfach die Tabelle hat 100% Breite und fertig. Im IE gehen dann sämtliche News über den Bildschirm hinaus, so dass ein vertikaler Scrollbalken entsteht ..

Ideen?

also in safari sieht das eigentlich alles ganz gut aus.
der letzte rahmen ist kürzer als die anderen das ist richtig.
ma sehn was die experten dazu sagen :nixweiss:

Ja, wie gesagt macht wohl mal wieder nur IE Probleme ... naja, zur Not pack ich die News und den Loginteil in nen table, auch wenn ich davon mal wegkommen wollte ... vielleicht weiß ja noch jemand Rat.

ich hab leichte probleme das nachzuvollziehen. schau dir mal mein ergebnis im ie an :nixweiss:

http://img433.imageshack.us/img433/7761/bild4jx.th.gif

p.s: Ie/mac osx

Sehr merkwürdig ... kannst mal bitte noch die Versionsnummer dazusagen? Also vom IE.

Du rufst im Quellcode die Klasse "navtext" auf. In deiner CSS Definition findet sich aber nur eine "nav" Klasse. Ändere doch mal den Namen korrekt um...

edit: sorry hab falsch gelesen... aber wo ist die Klasse "navtext"? hast du die definiert?

http://midnight-club.rpgserver.de/te...t/css/main.css

recht weit oben, direkt unter .nav