hallo zusammen,
vielleicht wurde es schon hundert mal gefragt, aber ich werde einfach nicht ganz schlüssig aus dem ganzen...
habe eine page gebaut (für IE6).
habe dabei mit DIV-Tgas gearbeitet.
gefällt mir alles echt gut, weils genau so sein sollte.
jetzt aht n kollege das mit mozilla angeschaut und alles SCHEIßE...
gibt es ne möglichkeit, die DIV-Tags auch für Mozilla verständlich zu machen?
kurzes Beispiel:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
body
{
overflow: hidden;
background-color: #ffffff;
background-image: url(image/background.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
scrollbar-base-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#375087;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
}
.header
{
position: absolute;
top:29 px;
left:53 px;
}
.content
{
position: absolute;
top: 150 px;
left: 53 px;
width: 509 px;
height: 415 px;
overflow:auto;
font-family: Arial;
font-size: 12px;
color: #375087;
}
p
{
top: 0px;
left: 0px;
font-family: Arial;
font-size: 12px;
color: #375087;
}
A:link
{
color: #375087;
}
A:visited
{
color: #375087;
}
A:active
{
color: #375087;
}
A:hover
{
color: #375087;
}
</style>
</head>
<body bgcolor="#ffffff">
<div class="header"><img src="image/head_home.gif" border="0" alt="" /></div>
</body>
</html>
eigentlich sollte die grafik vom header an der position 29x53 angezeigt werden.
im mozilla is das aber nich so...
danke schonmal!
stetabar schrieb
hallo zusammen,
vielleicht wurde es schon hundert mal gefragt, aber ich werde einfach nicht ganz schlüssig aus dem ganzen...
habe eine page gebaut (für IE6).
habe dabei mit DIV-Tgas gearbeitet.
gefällt mir alles echt gut, weils genau so sein sollte.
jetzt aht n kollege das mit mozilla angeschaut und alles SCHEIßE...
gibt es ne möglichkeit, die DIV-Tags auch für Mozilla verständlich zu machen?
kurzes Beispiel:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
body
{
overflow: hidden;
background-color: #ffffff;
background-image: url(image/background.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
scrollbar-base-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#375087;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
}
.header
{
position: absolute;
top:29 px;
left:53 px;
}
.content
{
position: absolute;
top: 150 px;
left: 53 px;
width: 509 px;
height: 415 px;
overflow:auto;
font-family: Arial;
font-size: 12px;
color: #375087;
}
p
{
top: 0px;
left: 0px;
font-family: Arial;
font-size: 12px;
color: #375087;
}
A:link
{
color: #375087;
}
A:visited
{
color: #375087;
}
A:active
{
color: #375087;
}
A:hover
{
color: #375087;
}
</style>
</head>
<body bgcolor="#ffffff">
<div class="header"><img src="image/head_home.gif" border="0" alt="" /></div>
</body>
</html>
eigentlich sollte die grafik vom header an der position 29x53 angezeigt werden.
im mozilla is das aber nich so...
danke schonmal!
scrollbar-base-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#375087;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
versteht nur ie und kein anderer browser. div tags sollte eigentlich mozilla verstehen. mehr kann ich dir nicht helfen weil ich das ganze nicht sehe.
lg,
malamujer
das mit den scrollbars weiß ich!
das ist auch kein thema, sollen die anderen halt die doofen grauen sehen...😉
aber es werden zB die grafiken nicht an die position gestellt, wo sie sein sollten...
beim IE funktioert es, obwohl alle welt sagt, dass IE nix kann...😉
ich weiß echt nicht mehr weiter...
stetabar schrieb...gibt es ne möglichkeit, die DIV-Tags auch für Mozilla verständlich zu machen?
...beim IE funktioert es, obwohl alle welt sagt, dass IE nix kann...😉
Schonmal auf die Idee gekommen, daß die "falsche" Darstellung im Mozilla die richtige sein könnte? *kopfschüttel*
stetabar schriebich weiß echt nicht mehr weiter...
Wie wär´s mit regelgerechtem CSS, bzw. sauberem html?
Zu Deinem konkreten Problem:
1) Das hat nix mit Typo3 zu tun, sondern ausschließlich mit CSS. Du bist hiermit an völlig falscher Stelle, aber sei´s drum.
2) Wo auch immer Du diese Frage postest: Keiner wird Dir helfen können, da man mit Deinen Angaben absolut nichts anfangen kann.
Ich glaub im IE gabs nen Bug mit position: absolute;, aber sicher bin ich mir nicht!
Marcus
gleiches problem habe ich mit meinem typo3 auch, aber seis drum...
da hier fähige und vor allem auch hilfsbereite leute im forum sind, hab ich die frage hier gepostet...
mit meinen angaben kann man nix anfangen?
ok, soll ich sie in stein meißeln und rüberschicken?
das die darstellung in mozilla die "richtige" ist, ist zumindest n hinweiß, der ja schonmal was bringt.
man kann seine postings aber auch etwas anders formulieren!
ich kack ja auch nicht rum, wenn jemand den wald vor lauter bäumen nicht sieht...
also denk mal drüber nach!
trotzdem danke für den hinweiß!
Und gib uns lieber mal ne URL, wo wir das ganze ansehen können, oder 2 Screenshots zum Vergleichen, dann können wir vielleicht auch helfen...
So brauch ich da nämlich eine Kristallkugel... 🙂
Marcus
Hiho!
Habs mal mit meiner Seite verglichen, ich mach das da ähnlich:
<img src="media/pics/logos/bob.gif" alt="" border="0px" id="logo" />
#logo {
position: absolute;
left: 0px;
top: 0px; }
Allerding mit der id im img-Tag... kann es sein, das dir margins und paddings im div-Tag das ganze zerhauen?
Sorry, aber ohne Fehlerbeschreibung gehts nicht besser!
Marcus
stetabar schrieb...und alles SCHEIßE...
...ich kack ja auch nicht rum,
Soso, ein "*kopfschüttel*" findest Du also schlimmer als diese Fäkaliensprache? 😉
stetabar schriebok, soll ich sie in stein meißeln und rüberschicken?
Nö, aber zumindest ist Colorfulsky nun der dritte, der Dich bittet, vernünftige Infos zu posten.
Viel Spaß noch... 😉
Mozilla sollte eigentlich die Darstellung pixelgenau umsetzen.
Probleme können auftrete wenn HTML und/oder CSS nicht valide sind. Am einfachsten man quetscht die Daten durch den Validator für HTML und CSS ( http://validator.w3.org , http://jigsaw.w3.org/css-validator/ )
btw:
Attribute die nicht Inline-style Angaben darstellen, erwarten KEINE Einheit wie zB: px (Ausgenommen % => width="30%") - aber an dem sollte es nicht liegen.
alex
hallo zusammen,
@theo, wenn man hilfe benötigt und sprüche bekommt, dann nervt es etwas, darum meine aussage!
also sorry, aber ich habe nach hilfe gesucht.
naja, is ja jetzt auch ok!
das problem ist folgendes:
da ich nich mit mozilla oder einem browser mit gleicher engine arbeite, habe ich meine ausführung am IE6 überprüft.
das problem ist, dass die engine von mozilla wirklich alles genau darstellt!
aber auch probleme damit hat, wenn man negative margins setzt...
der IE hat probleme bei der berechnung von positionen, dadurch kann es sein, dass man im IE tricksen muss und es dann nachher im mozilla einfach nicht passt...
muss also nochmal alles auf mozilla ausrichten und dann die hoffentlich "nur kleinigkeiten" im IE ausbessern...
also, tut mir leid, wenn ich hier für aufregung gesorgt habe, aber wusste nicht, an wen ich mich wenden sollte und habe mit hilfe gerechnet und nicht mit manchen aussagen, die hier gefallen sind.
trotzdem danke
ach so, damit keine missverständnisse aufkommen.
ich habe zwar in dem beispiel keine negativen margins benutzt, aber das mit position: absolute scheint mir auch zwischen mozilla und IE unterschiede zu geben...also so ganz bin ich noch nicht durch mit meiner analyse...
aber bevor hier nochmal probleme entstehen, helfe ich mir lieber irgendwie selbst.
um auf die genauen fehler hier einzugehen...
position:absolute;
top:29 px;
left:53 px;
damit werdet ihr es niemals im firefox richtig darstellen lassen können!!!
da ist dann der IE doch etwas besser...😉
die leerzeichen zwischen
29 px
dürfen nicht sein!
da muss doch mal einer drauf kommen...
und das problem, dass ich in meinem anderen projekt habe ist nicht über css realisierbar, zumindest habe ich keine lösung gefunden.
muss jetzt die grafik, die zentral auf der seite liegen sollte, per tabelle zentrienen...
will man CSS allen gaengigen Browsern recht machen, kommt man um eine Browser-Weiche nicht herum; sprich ein eigenes Stylesheet fuer jeden Browser ... anders geht's kaum.