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

nein, nicht die lösung habe ich, aber noch ein kleiner fehler: Hier musst du das & zeichen ersetzen, sonst wir der Quellcode falsch interpretiert...:

HTML-Code:

<meta name="author" content="Eric Teubert & Patrick Helm">

hast du's schon mal mit "padding-right" versucht ? bei mir hats dann funktioniert...

Also ich benutzte nur Mozilla und es wird alles wunderprächtig angezeigt :)

mit mozilla und safari gibts bei mir auch keine probleme. wird alles korrekt dargestellt.

IE ist version 5.2.3

Vielen Dank euch allen für das rege Interesse an meinen Problemen :ok:

@phoenix
>>> IE ist version 5.2.3

Hm, dann könnt's daran liegen, ich hab 6.irgendwas

@ vektorpixel
>>> <meta name="author" content="Eric Teubert & Patrick Helm">

Danke für den Hinweis, werd's gleich mal ändern, jedoch nicht so, wie du denkst - ich lösch den hinteren Namen einfach raus, ist eh nicht mehr daran beteiligt ;)

>>> hast du's schon mal mit "padding-right" versucht ? bei mir hats dann funktioniert...

Hast recht, geht =)

Also nochmals vielen Dank an alle, die zur Lösung des Problems beigetragen haben. :clap:

lösung? solange die seite nicht auf jedem browser läuft, bleibt das problem bestehen ;)

Naja, es war ein Schritt in die richtige Richtung aber ich gebe zu, dass ich schon wieder vor einem Problem stehe, nämlich ... wenn ich die Tabellenbreite als 100% angebe, hängt mir der IE den Rand außerhalb des Bildschirms dran - wenn ich den Rahmen doppelt so groß wähle, geht's, nur schaut's dann im FF wieder verkorkst aus.

*seufz*
:drunk:
*hicks*

Ich geh mal weiterbasteln und nach 'ner Möglichkeit suchen , so schnell schwenk' ich nicht die Fahne :frieden:

/e:

Hihi, so schnell kann's geh'n, das "major problem" war, dass der "news-div" absolut positioniert wurde. Jetzt hab ich einfach padding-left,-top,-right angegeben statt Startkoordinaten und schon klappt's wie gewollt. VICTORY :punk:

ich schau in ner ruhigen minute mal, wo das div-problem beim ie liegt. ich meld mich dann wieder :drunk:

Pah, eine Aktivität hier, is ja nich zum Aushalten :emo_biggr
Na wie schon oben reineditiert, hab's gelöst :angel:

url? ich find sicher noch nen problem :D

Hihi, na gut, ich lad's nachher wieder hoch, erstmal muss ich aber den Hund ne Runde um's Haus führen :nixweiss:

/e:

hier der versprochene Link. Ma schaun, wann ich mir mal wieder richtigen Webspace zulege, dann wär' das alles nich so aufwendig ...

http://midnight-club.rpgserver.de/temp/crlight/

Hihi, jetzt ist doch noch was witziges passiert - im FF sind die Dinger in der Nav nun keine Links mehr, lässt sich nichtmal selektieren, is also wie zum Bild gehörend. DAS hatte ich auch noch nicht :tease:

/e:

Ok geklärt, war nur eine Ebenenhöhe falsch gesetzt :)

beim speichern auf local hat er den fehler von selbst behoben. ausser du hast in genau dem moment hochgeladen ;)

ie funzt immer noch nicht

Was geht denn im IE nicht? Bei mir geht jetzt alles. Hab' aus Spaß mal Opera angeworfen, da verläuft unerwarteterweise auch alles nach Plan.

weder die links noch die bildchen.
und es gibt für mac keine 6er version vom IE

Keine Bildchen? :motz2:
Hm, das kann ich so garnicht nachvollziehen ... hast du vielleicht nen Bildblocker aktiviert?
Sonst ... ich hab bei allen Pfaden Slashes verwendet, kannst ja testweise mal Backslashes verwenden.
( Sorry dass ich das nicht selbst machen kann aber hab' hier keinen Mac rumstehen :angel: )

Und naja, ein Fehlerchen ist mir noch aufgefallen, der ist auch in Opera ... Tabellengestaltung. Beispiel: Impressum die "Mittelsenkrechte" ist breiter als 8px ( so breit ist das Hintergrundbild ).

Wenn jemand Lust hat, sich damit auseinanderzusetzen ... hier der PHP-Code dazu ... hab schon 'n Vierteltündchen nach dem Fehler gesucht aber nichts gefunden :notok:

Table:

PHP-Code:


		
			
$breite=2;

TableHead($breite);

th("Verantwortliche","","colspan=3");

tr($breite);

td("<br>Patrick Helm<br>Stra&szlig;e wei&szlig; ich nicht<br>Postleihzahl auch nicht Leipzig<br>E-Mail: pati_h@web.de<br><br>");

td("<br>Eric Teubert<br>Cradefelder Stra&szlig;e 1<br>04349 Leipzig<br>E-Mail: eric_te@web.de<br><br>");

tr($breite);

td("Bei Supportfragen oder sonstigen Problemen bitte an das <a href=\"http://ais.informatik.uni-leipzig.de/~rpg/forum/index.php\"><u>Forum</u></a> wenden.<br>","","colspan=3");

tr($breite);

th("Urheberrecht","","colspan=3");

tr($breite);

td("Sämtliche Grafiken ( Design des Spieles, sowie des Wissensarchivs, Gegenstände, Stadt, Karte ) wurden von mir ( Eric Teubert ) erstellt und sind nicht ohne Erlaubnis zu anderen Zwecken als dem Spielen von Chaos Returns zu benutzen. Der Quellcode ist Eigentum der o.g. Personen und darf weder für private noch kommerzielle Zwecke eingesetzt werden.","text-align:justify","colspan=3");

tr($breite);

th("Haftungshinweis","","colspan=3");

tr($breite);

td("Wir übernehmen keine Verantwortung für die Inhalte Externer Links. Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich.","","colspan=3");

TableFoot($breite);

Die Funktionen:

PHP-Code:


		
			
/**

 * Bibliothek zur Erstellung der hübschen Nietentables

 * Anmerkung:

 * Vor jedem Table muss per Variable festgelegt werden, wie breit sie ist ( in Zellen )

 **/

 

 

/**

 * TableHead()

 * Beginn jedes Tables, danach geht es weiter mit td() oder th(), NICHT mit tr() !

 * @param mixed $breite

 * @param string $style

 * @return 

 **/

function TableHead($breite, $style=""){

    echo'<table cellpadding="0" cellspacing="0" style="padding:0px;'.$style.'">';

    echo'<tr>';

    echo'<td class="leer"></td>';

    echo'<td class="oben"></td>';

    echo'<td colspan='.breite($breite).' class="leer"></td>';

    echo'</tr>';

    echo'<tr>';

    echo'<td class="links"></td>';

    echo'<td colspan='.breite($breite).' class="waag"></td>';

    echo'<td class="leer"></td>';

    echo'</tr>';

    echo'<tr>';

    echo'<td class="leer"></td>';

}

/**

 * TableFoot()

 * Ende jedes Tables, davor KEIN tr() !

 * @param mixed $breite

 * @return 

 **/

function TableFoot($breite){

    echo'<td class="senk"></td>';

    echo'</tr>';

    echo'<tr>';

    echo'<td class="leer"></td>';

    echo'<td colspan='.breite($breite).' class="waag"></td>';

    echo'<td class="rechts"></td>';

    echo'</tr>';

    echo'<tr>';

    echo'<td colspan='.breite($breite).' class="leer"></td>';

    echo'<td class="unten"></td>';

    echo'<td class="leer"></td>';

    echo'</tr>';

    echo'</table>';

}



/**

 * td()

 * Eine einzelne Tabellenzelle.

 * @param mixed $content    Inhalt der Zelle

 * @param string $style        CSS

 * @param string $extension    CSS-Klasse / Colspan / Rowspan / ...

 * @return 

 **/

function td($content, $style="", $extension=""){

    if ($style != "") {

        $style = " style=\"$style\"";

    }

    echo'<td class="senk"></td>';

    echo'<td class="ordinaryTD"'.$style.' '.$extension.'>';

    echo$content;

    echo'</td>';

}



/**

 * th()

 * Einzelne Tabellenzelle wie td() nur standardgemäß anders formatiert ( größere Schrift, mittig )

 * @param mixed $content    Inhalt der Zelle

 * @param string $style        CSS

 * @param string $extension    CSS-Klasse / Colspan / Rowspan / ...

 * @return 

 **/

function th($content, $style="", $extension=""){

    if ($style != "") {

        $style = "style=\"$style\"";

    }

    echo'<td class="senk"></td>';

    echo'<td class="ordinaryTH"'.$style.' '.$extension.'>';

    echo$content;

    echo'</td>';

}



/**

 * tr()

 * Abgrenzung zwischen einzelnen Rows

 * @param mixed $breite

 * @return 

 **/

function tr($breite){

    echo'<td class="senk"></td>';

    echo'</tr>';

    echo'<tr>';

    echo'<td class="leer"></td>';

    echo'<td colspan='.breite($breite).' class="waag"></td>';

    echo'<td class="leer"></td>';

    echo'</tr>';

    echo'<tr>';

    echo'<td class="leer"></td>';

}



/**

 * breite()

 * 

 * @param mixed $breite

 * @return 

 **/

function breite($breite){

    return ($breite*2+1);

}

also das der ie so einen totalen schrott darstellt wollte ich ja jetzt nicht glauben - ist aber so, ich hab das verhasste teil eben tatsächlich mal angeworfen und siehe da: keine rahmen, keine bilder, nur schwarze seite mit gelbem text und das logo waren zu sehen. :nixweiss:

ich weiss nicht was ihr fürnen IE habt...:whistling bei mir (Version 6.0) wird alles reibungslos dargestellt! mit bildern und allem drum und dran! :nixweiss: :emo_biggr

den, den minniweich für'n mac zur verfügung stellt. :whistling

Zitat:

Zitat von blindguard

den, den minniweich für'n mac zur verfügung stellt. :whistling

der ist aber zum "normalen" IE für Win nahezu inkompabeatle.

(Gyuri verwendet mehrere Browser nur nicht den IE):whistling

volker der ewige zweifler ... denkt ich sei unfähig nen internetbrowser zu benutzen :bleh:

es liegt aber tatsächlich am IE. und wie gesagt, ich hab die neueste version drauf. von der mschrott seite ... update vom 1.12.2005 :nixweiss:

aber die browser haben bei mac eh so ihre problemchen ... firefox spinnt beispielsweise regelmässig mit java rum und hängt sich bei manchen seiten jeweils komplett auf.

Zitat:

Zitat von phoenix

volker der ewige zweifler ... denkt ich sei unfähig nen internetbrowser zu benutzen

wollte ich dir eigentlich nicht unterstellen, wobei ... wenn jemand den ie benutzt hat das ja schon was von unzurechnungsfähigkeit :whistling
aber da du es ja nur für die wissenschaft und forschung getan hast, dachte ich es sei nicht so schlimm

Na sehen wir es mal so:
Auf dem Fenstersystem lässt sich die Seite per IE ja nun anschau'n, mehr wollte ich garnicht erreichen.
Dass er auf 'nem Apfel Probleme bereitet ist zwar nicht schön, aber ... gibt es Mac-User, die IE nutzen? Wohl kaum - und wenn doch, dann haben sie es nicht verdient, meine wunderschönen Bildchen zu bewundern :bleh: