nicht angemeldet
Layout mit CSS statt mit Frames möglich?
Hallo liebes Forum!
Ich hoffe, jemand von Euch kann mir wieder einmal weiterhelfen. Ich bin gerade bei der Umsetzung eines Designs. Eigentlich wollte ich es per CSS lösen, das hab ich aber leider nicht geschafft.
Mit Frames hab ich es so hinbekommen wie ich es haben möchte, aber diese Lösung gefällt mir nicht unbedingt:
<frameset rows="40,*,40" frameborder="no" border="0" framespacing="0">
<frame src="topframe.htm" name="topframe" scrolling="no" noresize >
<frameset cols="*,40" frameborder="no" border="0" framespacing="0">
<frameset cols="40,*" frameborder="no" border="0" framespacing="0">
<frame src="leftframe.htm" name="leftframe" scrolling="no" noresize>
<frame src="mainframe.htm" name="mainframe" frameborder="0" scrolling="auto" style="border:1px solid #FFDE00;" >
</frameset>
<frame src="rightframe.htm" name="rightframe.htm" scrolling="no" noresize>
</frameset>
<frame src="bottomframe.htm" name="bottomFrame" scrolling="no" noresize>
</frameset>
Die Seite sollte also rundherum einen statischen "Rahmen" von 40px haben, der Raum in der Mitte ist variabel - je nach Browserfenstergröße.
Ich habs mit einem iframe und den CSS-Definitionen top, left, right und botton sowie mit margin etc. versucht, aber es leider nie so hinbekommen wie im Beispiel oben.
Kann mir da vielleicht jemand weiterhelfen und einen Denkanstoß in die richtige Richtung geben?
Liebe Grüße,
sunny
-
Hallo,
reicht da nicht ein einfaches <div style="margin:40px">innen</div>
Gruß,
Henning-
Hallo!
reicht da nicht ein einfaches <div style="margin:40px">innen</div>
Das hatte ich auch schon versucht, allerdings wird das div dann nicht hoch genug. Also es ist genau so hoch wie der Inhalt, dabei sollte es bis 40 px zum Fensterrand reichen (nach unten).
Lg,
sunny-
Das hatte ich auch schon versucht, allerdings wird das div dann nicht hoch genug. Also es ist genau so hoch wie der Inhalt, dabei sollte es bis 40 px zum Fensterrand reichen (nach unten).
Dann mach halt genug Inhalt rein, aber denk dran es soll auch welche mit einem 1600*1200 Browserfenster geben. ;-)
Gruß,
Henning-
Das hatte ich auch schon versucht, allerdings wird das div dann nicht hoch genug. Also es ist genau so hoch wie der Inhalt, dabei sollte es bis 40 px zum Fensterrand reichen (nach unten).
Dann mach halt genug Inhalt rein, aber denk dran es soll auch welche mit einem 1600*1200 Browserfenster geben. ;-)
Ja soll ich lauter Leerabsätze einfügen oder was?
Sorry, aber das scheint mir nicht unbedingt eine gute Lösung zu sein, da versuch ichs vorher lieber doch nochmal (wenn auch ungern) mit den Framesets.sunny
-
-
-
-
Hallo,
da brauchst du doch nur einen zentrierten <div> bereich zu machen mit der grösse wie es dir gefällt (%) und so hast du in der mitte den flexiblen bereich und ringsrum einen rahmen, den seiten hintergrund.mfg, jan aus dresden
-
Hi,
da brauchst du doch nur einen zentrierten <div> bereich zu machen mit der grösse wie es dir gefällt (%) und so hast du in der mitte den flexiblen bereich und ringsrum einen rahmen, den seiten hintergrund.
Es geht aber darum, dass der Rahmen genau 40 px breit sein muss, egal wie groß das Browserfenster ist. Das funktioniert so leider nicht.
Lg,
sunny-
Hi,
da brauchst du doch nur einen zentrierten <div> bereich zu machen mit der grösse wie es dir gefällt (%) und so hast du in der mitte den flexiblen bereich und ringsrum einen rahmen, den seiten hintergrund.
Es geht aber darum, dass der Rahmen genau 40 px breit sein muss, egal wie groß das Browserfenster ist. Das funktioniert so leider nicht.
wenn der body padding:40px; bekommt und der <div> breite+höhe 100% , dann schon.
im prinzip so: http://www.fractatulum.de/fraccss/sample/layout9.htmmfg, jan aus dresden
-
Hi,
wenn der body padding:40px; bekommt und der <div> breite+höhe 100% , dann schon.
im prinzip so: http://www.fractatulum.de/fraccss/sample/layout9.htmAlso bei mir ist dann das div wiederum zu breit - nämlich 100% der Bildschirmbreite - geht also über den rechten Rand hinaus ...
Lg,
sunny-
Hi,
wenn der body padding:40px; bekommt und der <div> breite+höhe 100% , dann schon.
im prinzip so: http://www.fractatulum.de/fraccss/sample/layout9.htmAlso bei mir ist dann das div wiederum zu breit - nämlich 100% der Bildschirmbreite - geht also über den rechten Rand hinaus ...
versteh ich nicht.
in dem beispiel welches ich gelinkt habe?
im mozilla/ie/opera ist immer der rand da , egal welche fenstergrösse und der <div> bereich passt sich an.mfg, jan aus dresden
-
Guten Morgen!
Also bei mir ist dann das div wiederum zu breit - nämlich 100% der Bildschirmbreite - geht also über den rechten Rand hinaus ...
versteh ich nicht.
Es liegt daran, dass ich eine korrekte doctype-Angabe im Dokument hatte, da funktioniert es nicht, wenn ich sie rauslasse dann gehts ...
Lg,
sunny
-
-
-
-
-
-
Hallo liebes Forum!
Ich hoffe, jemand von Euch kann mir wieder einmal weiterhelfen. Ich bin gerade bei der Umsetzung eines Designs. Eigentlich wollte ich es per CSS lösen, das hab ich aber leider nicht geschafft.
Kann daran liegen, dass du HTML und CSS vergewaltigen willst.
Eine ganz gewöhnliche HTML-Seite hat folgende Eigenschaften:
1. Sie beginnt links oben in der Ecke
2. Sie geht in der Regel bis zum rechten Rand des Fensters - darüber hinaus geht sie nur, wenn der Content es so erzwingt.
3. Sie geht soweit nach unten, wie der Content es erfordert. Entweder bleibt Fensterbereich ungenutzt, oder es muß gescrollt werden.Aus diesen Eigenschaften folgt unmittelbar:
Du kannst es zwar schaffen, oben, links und rechts einen Rahmen an den Browserfensterrand zu kleben, aber du wirst es nur unter größeren Schwierigkeiten (wenn nicht sogar niemals) hinkriegen, am unteren Fensterrand einen Rahmen zu platzieren. Und auch der obere Rahmen wird wegscrollen. [1]Wenn du also die typische Schaubuden-Metapher (welche ich absolut nicht gut finde) anwenden willst, dann sind Frames die einfachste Möglichkeit, das umzusetzen, weil du mit übergroßem Content keine Probleme kriegst (der scrollt einfach in seinem zugewiesenen Bereich). Mit CSS hast du das Problem, dass insbesondere Opera overflow:scroll nicht unterstützt. Du mußt also immer garantieren, dass deine Seiten in das Browserfenster passen - was etwas schwierig werden kann, wenn der Textersteller davon nichts weiß.
Alternativen, die mir noch einfallen würden:
1. IFRAME in die Mitte setzen - dann hast du ebenfalls kein Scrollproblem, aber eines mit Netscape 4.
2. Tabellenlayout mit height="100%" - scrollt aber bei zuviel Inhalt nicht![1] Würde der Internet Explorer position:fixed unterstützen, hättest du diese Probleme nicht, sondern könntest deine Idee auch ohne Frames umsetzen. Aber leider...
- Sven Rautenberg
-
Hallo Sven!
Eine ganz gewöhnliche HTML-Seite hat folgende Eigenschaften:
Hmm, genau das ist das Problem - ich will nicht schon wieder eine ganze gewöhnliche HTML-Seite bauen ...
- Sie beginnt links oben in der Ecke
- Sie geht in der Regel bis zum rechten Rand des Fensters - darüber hinaus geht sie nur, wenn der Content es so erzwingt.
- Sie geht soweit nach unten, wie der Content es erfordert. Entweder bleibt Fensterbereich ungenutzt, oder es muß gescrollt werden.
Aus diesen Eigenschaften folgt unmittelbar:
Du kannst es zwar schaffen, oben, links und rechts einen Rahmen an den Browserfensterrand zu kleben, aber du wirst es nur unter größeren Schwierigkeiten (wenn nicht sogar niemals) hinkriegen, am unteren Fensterrand einen Rahmen zu platzieren. Und auch der obere Rahmen wird wegscrollen. [1]Wenn du also die typische Schaubuden-Metapher (welche ich absolut nicht gut finde) anwenden willst, dann sind Frames die einfachste Möglichkeit, das umzusetzen, weil du mit übergroßem Content keine Probleme kriegst (der scrollt einfach in seinem zugewiesenen Bereich). Mit CSS hast du das Problem, dass insbesondere Opera overflow:scroll nicht unterstützt. Du mußt also immer garantieren, dass deine Seiten in das Browserfenster passen - was etwas schwierig werden kann, wenn der Textersteller davon nichts weiß.
Da es um eine persönliche Seite geht erstelle ich auch den Text selbst - das ist also nicht das Problem, die Texte werden ohnehin relativ kurz gehalten werden ...
Alternativen, die mir noch einfallen würden:
- IFRAME in die Mitte setzen - dann hast du ebenfalls kein Scrollproblem, aber eines mit Netscape 4.
Hm, das hab ich schon versucht. Das NN 4 Problem würd mich nicht so stören, ich könnt ja eine einfache Alternativseite dafür bauen. Allerdings hab ich den I-Frame nie so hinbekommen wie ich es wollte. Ich hab dann versucht ein div zu erstellen dass besagte Ränder hat (hab ich aber auch noch nicht so ganz hinbekommen) und in dieses div einen Iframe einzufügen, das funktioniert allerdings nicht. Er wird entweder zu breit (über das Browserfenster hinaus) oder hat eine Breite von so ca. 200px, auch wenn ich 100% angebe!?
- Tabellenlayout mit height="100%" - scrollt aber bei zuviel Inhalt nicht!
Sven Rautenberg schlägt ein Tabellenlayout vor!? ;)
[1] Würde der Internet Explorer position:fixed unterstützen, hättest du diese Probleme nicht, sondern könntest deine Idee auch ohne Frames umsetzen. Aber leider...
Leider gibt es immer irgendeinen Browser der irgendetwas was man brauchen würde nicht unterstützt ... trotzdem würd ich mein Layout gern irgendwie umsetzen (ohne Frames) - wenn Du also noch eine Idee/Hilfe hättest würd ich mich freuen!
Lg,
sunny-
Hallo Sven!
Eine ganz gewöhnliche HTML-Seite hat folgende Eigenschaften:
Hmm, genau das ist das Problem - ich will nicht schon wieder eine ganze gewöhnliche HTML-Seite bauen ...
Naja, ein Rahmen rundherum ist ja nun auch alles andere als ungewöhnlich, oder? Hat man mit Frames schon seit Jahren tausendfach gesehen...
- Tabellenlayout mit height="100%" - scrollt aber bei zuviel Inhalt nicht!
Sven Rautenberg schlägt ein Tabellenlayout vor!? ;)
Ja. Ich selbst würde Entwürfe, die ein Tabellenlayout zwingend erfordern würden, zwar sehr kritisch betrachten, aber gewisse Dinge funktionieren eben nur mit Tabellen - insbesondere vertikale Ausrichtung. Und natürlich gibt es auch Tabellendaten, die man zwingend als Tabelle anlegen muß.
Das, was du willst, geht jedenfalls nicht besonders gut (wenn überhaupt) mit CSS, weil CSS vom Ansatz her auf ganzen HTML-Seiten operiert (die eben so lang sind, wie der Inhalt vorgibt), und nicht auf das Browserfenster ausgerichtet ist.
[1] Würde der Internet Explorer position:fixed unterstützen, hättest du diese Probleme nicht, sondern könntest deine Idee auch ohne Frames umsetzen. Aber leider...
Wenn du position:fixed einsetzt und Positionen angibst, beziehen sich diese auf das Browserfenster - das würdest du brauchen. position:absolute bezieht sich immer auf das übergeordnete positionierte Elternelement - das ist für deine Forderung, am oberen und unteren Bildschirmrand einen Rahmen fest zu platzieren, vollkommen untauglich.
Leider gibt es immer irgendeinen Browser der irgendetwas was man brauchen würde nicht unterstützt ... trotzdem würd ich mein Layout gern irgendwie umsetzen (ohne Frames) - wenn Du also noch eine Idee/Hilfe hättest würd ich mich freuen!
Was nicht geht, geht nicht. Jedenfalls schwerlich dynamisch und in allen Browsern.
Ich wäre ja schwer dafür, dass du dir einen anderen Entwurf ausdenkst, der sich mit CSS auch umsetzen läßt. ;)
- Sven Rautenberg
-
-
Hmmm, ich hab jetzt folgenden Lösungsansatz:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Enomis.at</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="scripts/styles_n4.css">
<style type="text/css">
<!--
@import url(scripts/styles.css);
-->
</style>
</head><body>
<div id="inlineframe">
<iframe src="uebermich.html" frameborder="0" name="Ueber_mich">
<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
Sie können die eingebettete Seite über den folgenden Verweis
aufrufen: <a href="uebermich.html">Iframe öffnen</a></p>
</iframe>
</div>
</body>
</html>Und folgendes CSS:
html {
width:100%;
}body {
width:100%;
background-color:#000349;
margin:0px;
padding:40px;
text-align:center;
overflow:hidden;
}#inlineframe {
background-color:black;
width:100%;
height:100%;
border:1px solid #FFDE00;
text-align:left;
margin:0px;
padding:0px;
overflow:auto;
}iframe {
width:100%;
height:100%;
border:0;
}Ist das ok so oder sind da schon Probleme absehbar? Ich denke es sieht ganz gut aus, für NN 4.x muss es eben einen Workaround geben ... oder hat da jemand eine bessere Idee?
Grüße & Danke,
sunny-
Hallo,
Ist das ok so oder sind da schon Probleme absehbar?
Ja, du müsstest die width: 100% angabe für den <body> rausnehmen, dann geht es auch im opera.
Und dann die höhe des <div>s etwas kleiner als 100% sonst hast du im mozilla zwei scrollbalken, aber wenn du dem <div> ein overflow:hidden gibst geht es auch so, das overflow:auto brauchst du ja nicht da du ja den i-frame drinn hast.also so:
body {
background-color:#000349;
margin:0px;
padding:40px;
text-align:center;
overflow:hidden;
}#inlineframe {
background-color:black;
width:100%;
height:100%;
border:1px solid #FFDE00;
text-align:left;
margin:0px;
padding:0px;
overflow:hidden;
}iframe {
width:100%;
height:100%;
border:0;
}html {...} kannst du auch weglassen.
mfg, jan aus dresden
-
Also ich bekomms leider nicht hin, sodass es auch in Mozilla und Opera funktioniert. Beide machen das div mit dem Iframe zu breit:
Hab jetzt folgenden Quelltext:
<div id="lebenslauf">...</div>
<div id="kontakt">...</div>
<div id="uebermich">...</div>
<div id="referenzen">...</div>
<div id="inlineframe">
<iframe src="uebermich.html" frameborder="0" name="Ueber_mich">
<p>...</p>
</iframe>
</div>======================= CSS =======================
html {
width:100%;
}body {
background-color:#000349;
margin:0px;
padding:40px;
text-align:center;
overflow:hidden;
}#inlineframe {
background-color:black;
width:100%;
height:100%;
border:1px solid #FFDE00;
text-align:left;
margin:0px;
padding:0px;
overflow:hidden;
}#lebenslauf {
position:absolute;
top:0px;
right:40px;
width:166px;
height:40px;
}#kontakt {
position:absolute;
top:0px;
right:0px;
width:40px;
height:206px;
}#uebermich {
position:absolute;
bottom:0px;
left:0px;
width:40px;
height:207px;
}#referenzen {
position:absolute;
bottom:0px;
left:40px;
width:166px;
height:40px;
}iframe {
width:100%;
height:100%;
border:0;
}Wo liegt denn da jetzt wieder der Fehler? So wie´s im IE (6.0) dargestellt wird sollte es auch in den anderen Browsern ausschaun.
Lg,
sunny-
so:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Enomis.at</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="scripts/styles_n4.css">
<style type="text/css">
<!--
body {
background-color:#ffffff;
margin:0px;
padding:40px;
text-align:center;
overflow:hidden;
}#inlineframe {
background-color:black;
width:100%;
height:100%;
border:1px solid #FFDE00;
text-align:left;
margin:0px;
padding:0px;
overflow:hidden;
}#lebenslauf {
position:absolute;
top:0px;
right:40px;
width:166px;
height:40px;
}#kontakt {
position:absolute;
top:0px;
right:0px;
width:40px;
height:206px;
}#uebermich {
position:absolute;
bottom:0px;
left:0px;
width:40px;
height:207px;
}#referenzen {
position:absolute;
bottom:0px;
left:40px;
width:166px;
height:40px;
}iframe {
width:100%;
height:100%;
border:0;
}
-->
</style>
</head>
<body>
<div id="lebenslauf">bla</div>
<div id="kontakt">bla</div>
<div id="uebermich">bla</div>
<div id="referenzen">bla</div>
<div id="inlineframe">
<iframe src="uebermich.html" frameborder="0" name="Ueber_mich">
<p>bla</p>
</iframe>
</div>
</body>
</html>funktioniert es in moz, ie, opera.
wenn es das bei dir nicht tut, kann es an der anderen css datei liegen.
<link rel="stylesheet" type="text/css" href="scripts/styles_n4.css">ist die schon vorhanden? stehen da formatierungen drin, die nicht in der anderen css datei stehen? wenn ja solltest du die beiden dateien abgleichen, in der für NN4x sollte nichts stehen was nicht auch in der anderen steht, an css-elementen da die ja dann auch in den neuen browsern aktiv sind.
mfg, jan aus dresden
-
ist die schon vorhanden?
Ha, das is es. Ich dachte eigentlich nicht, dabei ist mir eine Datei mit dem gleichen Namen ins Verzeichnis gerutscht, und da waren natürlich auch Eigenschaften für <body> etc. definiert, darum hats bei mir nicht funktioniert ...
Allerdings - es funktioniert immer noch nicht in allen Browsern. Mozilla verschiebt die divs Referenzen und Kontakt und Opera positioniert überhaupt ganz "komisch", weißt Du vielleicht auch woran das jetzt wieder liegt?
Zum besseren Verständnis ein Link:
http://www.systech-software.de/entwurfWär super wenn Du mir da auch noch weiterhelfen könntest.
Liebe Grüße,
sunny-
Ja, der opera schiebt den refferenz-link irgendwohin, du kannst ja den kleinen <div> mal noch den z-inder:2; geben und mal mit den positionen rumprobieren, vieleicht ergibt sich was.
ich hab jetzt erstmal keine zeit, erst heut abend wieder.wir werden sehen.
mfg, jan aus dresden
-
Hallo nocheinmal,
so, jetzt hab ich herumprobiert und gebastelt und bin auch ein bisschen weitergekommen, aber leider gibts immer noch einige Probleme:
Im IE (hab hier nur 5.5 und 6.0) werden die Hintergrundbilder nicht bis an den rechten Rand gezogen. Rufe ich die Datei, die sich im Iframe befindet "normal" auf, besteht das Problem nicht. Wird die Datei aber im Iframe (der sich in einem div befindet) aufgerufen, dann entsteht dieser schwarze Rand.
Mozilla schiebt mir das textdiv übers Bild, er interpretiert also mein float:left; nicht so wie ich das gerne hätte.
Opera hat Probleme mit allen Elementen die per bottom:...px; positioniert werden (auch wenn ich zusätzlich height angebe!).
Leider hab ich für diese Probleme keine Lösung gefunden. Falls jemand ein paar Ideen hat was ich noch ausprobieren könnte, nur her damit!
Hier der Link zum Testen & Nachvollziehen: http://www.systech-software.de/entwurf
Lg,
sunny-
Hallo,
Im IE (hab hier nur 5.5 und 6.0) werden die Hintergrundbilder nicht bis an den rechten Rand gezogen. Rufe ich die Datei, die sich im Iframe befindet "normal" auf, besteht das Problem nicht. Wird die Datei aber im Iframe (der sich in einem div befindet) aufgerufen, dann entsteht dieser schwarze Rand.
1.
da seh ich keinen unterschied zwischen moz /ie, aber ich würde das bild als richtigen hintergrund nehmen /background-image: url(....); backgrond-position: bottom; / dem body zuweisen der seite die im frame angezeigt wird, den <div> weglassen.Mozilla schiebt mir das textdiv übers Bild, er interpretiert also mein float:left; nicht so wie ich das gerne hätte.
da würde ich das bild und den text nicht extra in einen <div> legen.
<body>
<img align="left (oder right)" ......>
<p style="margin-left /right)">
viel text
</p>
<p style="margin-left /right)">
noch mehr text
</p>so wird das bild automatisch umflossen und befindet sich in der ecke, margin legt abstand zum bild fest.
2.
Opera hat Probleme mit allen Elementen die per bottom:...px; positioniert werden (auch wenn ich zusätzlich height angebe!).
das ist merkwürdig, enomis2.gif wird scheinbar nicht absolut positioniert obwohl es das sollte. schreibe den <div> mit dem bild mal an eine andere stelle, zb nach dem framediv, mal sehen was passiert, könnte jetzt unten sein, irgendwo ist ein fehler, aber ich seh ihn auch noch nicht.
für opera musst du irgend wie nochmal genau sagen, dass der text weiß sein soll, er lässt ihn schwarz.
ich hab eigentlich gar nicht gesehen wo du schrift und farbe festlegst, schreib das noch mal in body {...} in die styles.css.naja, probier mal, besonders zu 1. sollte schonmal was bringen.
zu 2. muss man mal sehen, weis ich jetzt auch nicht aber einfach noch ein bisschen teste, was passiert wenn und den fehler so lokaliesieren.mfg, jan aus dresden
-
Hi,
Im IE (hab hier nur 5.5 und 6.0) werden die Hintergrundbilder nicht bis an den rechten Rand gezogen. Rufe ich die Datei, die sich im Iframe befindet "normal" auf, besteht das Problem nicht. Wird die Datei aber im Iframe (der sich in einem div befindet) aufgerufen, dann entsteht dieser schwarze Rand.
da seh ich keinen unterschied zwischen moz /ie, aber ich würde das bild als richtigen hintergrund nehmen /background-image: url(....); backgrond-position: bottom; / dem body zuweisen der seite die im frame angezeigt wird, den <div> weglassen.
Hmm, das Problem ist aber dass das nicht ein Hintergrundbild ist sondern ein Bild oben und ein Bild unten (wegen der Skalierbarkeit - Anpassung an die Browserfenstergröße).
Es scheint so zu sein, dass sich der IE Platz für nicht vorhandene Scrollbalken freilässt am rechten Rand!?Mozilla schiebt mir das textdiv übers Bild, er interpretiert also mein float:left; nicht so wie ich das gerne hätte.
da würde ich das bild und den text nicht extra in einen <div> legen.
<body>
<img align="left (oder right)" ......>
<p style="margin-left /right)">
viel text
</p>
<p style="margin-left /right)">
noch mehr text
</p>so wird das bild automatisch umflossen und befindet sich in der ecke, margin legt abstand zum bild fest.
Hmm, da werd ich morgen noch herumprobieren ... könnte ein Ansatz sein!
Opera hat Probleme mit allen Elementen die per bottom:...px; positioniert werden (auch wenn ich zusätzlich height angebe!).
das ist merkwürdig, enomis2.gif wird scheinbar nicht absolut positioniert obwohl es das sollte.Nicht nur das Bild, auch die Links im linken unteren Eck werden nicht richtig positioniert - das ist das viel größere Problem. Ich kann angeben was ich will, die Links bleiben da. Zumindest solange ich left und bottom verwende.
schreibe den <div> mit dem bild mal an eine andere stelle, zb nach dem framediv, mal sehen was passiert, könnte jetzt unten sein, irgendwo ist ein fehler, aber ich seh ihn auch noch nicht.
Das hab ich auch schon versucht, hat aber leider alles nichts gebracht. Opera weigert sich sehr standhaft dagegen irgendein Element am unteren Fensterrand zu positionieren.
für opera musst du irgend wie nochmal genau sagen, dass der text weiß sein soll, er lässt ihn schwarz.
Echt? Bei mir nicht. Komisch ... oh je oh je ...
ich hab eigentlich gar nicht gesehen wo du schrift und farbe festlegst, schreib das noch mal in body {...} in die styles.css.
Die Schrift ist natürlich nicht in styles.css formatiert sondern in site.css, das Stylesheet für die Datei die in den Iframe geladen wird:
p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#DBDBDB;
}Vielleicht sollte ich dem div in dem der Text steht auch nochmal die Formatierungen zuweisen für Opera. Bei mir (Opera 6.01) ist dieses Problem bisher allerdings nicht aufgetreten, darum kann ich das auch nur schwer testen.
naja, probier mal, besonders zu 1. sollte schonmal was bringen.
zu 2. muss man mal sehen, weis ich jetzt auch nicht aber einfach noch ein bisschen teste, was passiert wenn und den fehler so lokaliesieren.Ja ich werd mich morgen wieder dranmachen und hoffe dass ich wieder ein bisschen weiterkomme mit Deiner Hilfe.
Danke, lg,
sunny-
Hallo,
so wird das bild automatisch umflossen und befindet sich in der ecke, margin legt abstand zum bild fest.
Hmm, da werd ich morgen noch herumprobieren ... könnte ein Ansatz sein!
und könnte ganz einfach so aussehen:
<DIV id=inhalt>
<IMG style="margin-right:50px; margin-bottom:20px;" alt="wichtig" src="uebermich_content-Dateien/enomis1.gif" width="118" height="147" align="left">
<H1 style="margin-top:15px;">Überschrift</H1>
<P style="margin-top:30px;">
Testtext ... Testtext ... Testtext ... Testtext ... Testtext ...
</P>
<P>Testtext ... Testtext ... Testtext ... Testtext ... Testtext ..</P>
<P>Testtext ... Testtext ... Testtext ... Testtext ... Testtext ..</P>
<P>Testtext ... Testtext ... Testtext ... Testtext ... Testtext ..</P>
<P>Testtext ... Testtext ... Testtext ... Testtext ... Testtext ..</P>
</div>Opera hat Probleme mit allen Elementen die per bottom:...px; positioniert werden (auch wenn ich zusätzlich height angebe!).
das ist merkwürdig, enomis2.gif wird scheinbar nicht absolut positioniert obwohl es das sollte.ich glaub fast der opera will das so nicht machen, er packt es nicht von unten auszurichten, im rahmen dieser konstruktion, da kann man echt nur probieren und vieleicht findet man dann eine lösung, vieleicht mal mit position: relative, testen oder.... kein einfall.
mfg, jan aus dresden
-
-
-
-
-
-
-
-
-
-
hi sunny
hab mir jetzt nicht angesehen was du genau brauchst; aber da ich heute gesehen habe, dass wired seit neuesten ohne frames und tables auskommt, dachte ich mir das passt hier her:
http://www.wired.com
lg til