Autor |
Nachricht |
ezzywave
Threadersteller
Dabei seit: 15.04.2004
Ort: Lüneburg
Alter: 39
Geschlecht:
|
Verfasst Mi 13.08.2008 18:34
Titel Kleines CSS-Problem |
|
|
Hallo zusammen ....
also ich benutze ja eigentlich schon recht lange auch css für meine seiten und
habe bei einem meiner projekt nun auch angefangen teile des layouts mit css zu gestalten ...
nun stoße ich jedcoh schon an meine grenzen und alles was ich schon zu dem thema gelesen habe,
sind für mich eher "böhmische dörfer".
ich nutze auf meinem mac für das editieren von css datein cssEdit. dieser bieten eine
1:1 Live ansicht, wenn ich etwas in den daten ändere.
in den browsern safari und firefox auf meinem mac sieht das nun alles gut aus,
wechsel ich jedoch nun zur kontrolle mal auf die windows plattform und schaue mir das im IE an (5.5 auf xp prof.)
sind diverse bilder nun nicht mehr an ihrem platz.
nachdem was ich gelesen habe, soll man dies mit einigen genaueren variablen in der css festlegen können,
dass dies nicht passiert, bin jedoch schon an meine grenzen gestoßen
vielleicht kann mir da jemand vielleicht nen tipp dazu geben.
Dieser code ist aus meiner html vorlage.
eine tabelle mit einem hintergrundbild auf welchem dann ein bild liegt, damit darum dann gleichmäßig ein rahmen entsteht. (im ie leider ein paar pixel horizontal verschoben).
auf diesem bild liegen wiederum ein logo und ein bild auf dem das datum angezeigt wird (datum wird richtig dargestellt nur position des bildes ist etwas versetzt).
ein bild wies eigentlich aussehen soll ist hier: screenshot
Code: |
<td width="774" height="133" background="gfx/bg_header.png">
<div id="header_image">
<div align="left" id="logo"></div>
<div align="right" id="date">
<div class="month" align="center">September</div>
<div class="day" align="center">07</div>
<div class="year" align="center">2008</div>
</div>
</div>
</td>
|
hier die dazu relevaten css befehle:
Code: |
div#header_image {
width: 766px;
height: 133px;
background: url(header_image_a.jpg) no-repeat 0 0;
position: relative;
left: 3px;
}
div#logo {
background: url(logo.png) no-repeat 0 0;
width: 247px;
height: 75px;
position: absolute;
}
div#date {
width: 64px;
height: 76px;
background: url(header_date_bg.png) no-repeat 0 0;
position: absolute;
float: none;
top: -7px;
left: 690px;
}
|
weiß nun nicht wie ich das im ie beheben kann, ohne dass es in anderen wieder anders aussieht.
MfG,
Johannes
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 13.08.2008 19:29
Titel
|
|
|
Mach das doch gerade am besten mal komplett online verfügbar.
|
|
|
|
|
Anzeige
|
|
|
ezzywave
Threadersteller
Dabei seit: 15.04.2004
Ort: Lüneburg
Alter: 39
Geschlecht:
|
Verfasst Mi 13.08.2008 19:38
Titel
|
|
|
ok, habs mal hochgeladen:
• Grundlayout
• Die CSS
hoffe das hilft
Zuletzt bearbeitet von ezzywave am Mi 13.08.2008 19:39, insgesamt 2-mal bearbeitet
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 13.08.2008 19:48
Titel
|
|
|
Also als erstes, IE<7 unterstützt keine transparente PNG. Dazu benutzt du am besten die
Board Suche nach "png fix", "ie png", u.ä. Oder aber, du nutzt einfach kein transparentes
PNG weil es hier gar nicht notwendig ist, wieso nutzt du nicht nur eine Grafik für den Kopf,
oder wird der Logo Grafik noch eine Funktion zukommen?
Edit: Sorry, gerade bemerkt du nutzt ein Javascript um per Klick auf das Logo einen Seitenaufruf
zu starten. Warum machst du das? Und PNG Fix hast du bereits auch schon eingebunden, scheint
aber nicht zu laufen..
Zuletzt bearbeitet von m am Mi 13.08.2008 19:54, insgesamt 1-mal bearbeitet
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 13.08.2008 19:54
Titel
|
|
|
Kann n Mod das hier verschieben in Allgemeines Nonprint? Ist numa keine Programmierung
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mi 13.08.2008 19:59
Titel
|
|
|
Smooth-Graphics hat geschrieben: | Kann n Mod das hier verschieben in Allgemeines Nonprint? Ist numa keine Programmierung |
und genau dafür brauchen wir einen mod hier .... hab ich mir vorhin auch gedacht.
Zuletzt bearbeitet von Kash am Mi 13.08.2008 19:59, insgesamt 1-mal bearbeitet
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 13.08.2008 20:09
Titel
|
|
|
Sorry aber weiter fehlt mir da die Lust mich durch den Quelltext zu wühlen.
Verwerf das am besten nochmal und schmeiß die Layout Tabellen raus. Das Layout
kannst du wirklich gut auch ohne Tabellen umsetzen.
|
|
|
|
|
ezzywave
Threadersteller
Dabei seit: 15.04.2004
Ort: Lüneburg
Alter: 39
Geschlecht:
|
Verfasst Mi 13.08.2008 20:12
Titel
|
|
|
mit dem logo hast du eigentlich recht, dachte ich auch schon dran.
wollte es aber auch mal auf dem wege versuchen ...
wenns so wirklich nichts wird, wollte ich das in betracht ziehen so abzuändern.
nur das die unterschiede so groß sind in der darstellung ist echt grauenhaft.
und immer ist es der ie der rumzickt ...
mein hintergrund war dabei eigentlich, dass ich das hintergrundbild in einen rotator einbinde,
dass sich das in intervallen verändert.
das mit dem png fix hab ich ja auch schon in verschiedenen ausführungen probiert.
nur geht nichtmal eins ansatzweise.
das was ich da nun drin habe, soll zumindest mit dem ie6 noch gehen.
nur dann weiß ich ja jetzt, dass ich das besser nicht mehr versuche
|
|
|
|
|
|
|
|
Ähnliche Themen |
kleines CSS Problem
[CSS] Kleines CSS-Problem
Kleines Website Problem
kleines flash problem
Kleines vBulletin/JS/IE Problem
kleines Javascript problem
|
|