• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Safari und IE(8) Darstellungsprobleme

C

curve

Neues Mitglied
Hallo html'er!

Ich bin derzeit in Ausbildung zum Mediengestalter und habe auch schon ein eigenes Portfolio für meine Arbeiten etc.. Im Firefox wird sie korrekt dargestellt nur nicht im Safari und Internet Explorer 8 zum Beispiel nicht.
Sie ist valid, jedenfalls sagt das der w3c validator [Valid] Markup Validation of http://www.pixelminze.de/ - W3C Markup Validator

Ich stehe nun total auf dem Schlauch und weiß nicht warum mein Portfolio falsch dargestellt wird..

edit: http://www.pixelminze.de

Danke euch schon mal :)

LG
 
Zuletzt bearbeitet:
Werbung:
Na ja, ich will ja auch mindestens eine Antwort haben und siehe da, ich habe sogar 2 verschiedene bekommen ^^, habe meine HP soweit erstmal angepasst das sie nicht mehr verschoben dargestellt wird, zumindest im IE 8 und Safari 5.02. Demnächst werde das über die CSS-Weiche versuchen wie von developr beschrieben (anderes Forum).

Danke trotzdem :)

kann closed werden von mir aus :)
 
Werbung:
Jein,
Die Höhen- und Breitenangaben für td sind nur Mindestwerte. Die Grafiken können also nicht immer die Zellen ausfüllen.

In dem verschachtelten Tabellenlayout reicht eine zu breite Zelle um eine Kettenreaktion in der ganzen Spalte auszulösen.
Horizontal reicht eine zu hohe Zelle aus um die ganze Spalte zu aufzudrücken.

Das sieht Mann Z.B auch im ff3.5 wenn Mann nur den Text vergrößert (Textzoom, nicht Seitenzoom).
Beim Textzoom (gibt es z.B auch im Safari) werden die Grafiken nicht mitvergrößert.
 
Vielen Dank für die ganzen Antworten, ich habe nun alles als CSS definiert, sie ist nun kompatibel für alle Browser :) ♥

Nun eine letzte Frage, kann ich Text, den ich in Photoshop (CS5 Extended) erstellt habe direkt mit speichern so das dieser als normaler Text und nicht als Bild gespeichert wird?
 
Werbung:
und dann gleich noch eine frage: ich habe bereits einen background per css definiert, nun möchte ich mein script einbinden und das bild in den hintergrund setzen um darüber den code zu setzen und das bild als background. hier der css code für das bild:

#slideshow_ {
position:inherit;
left:244px;
top:88px;
width:813px;
height:355px;
}
Zum Vergrößern anklicken....
 
curve schrieb:
Nun eine letzte Frage, kann ich Text, den ich in Photoshop (CS5 Extended) erstellt habe direkt mit speichern so das dieser als normaler Text und nicht als Bild gespeichert wird?
Zum Vergrößern anklicken....

Was meinst Du genau:
- Willst Du im Photoshop eingegebene Texte als reinen Text exportieren?
- Oder willst Du das im Photoshop erstelle Design exportieren um es bearbeiten zu können?

curve schrieb:
und dann gleich noch eine frage: ich habe bereits einen background per css definiert, nun möchte ich mein script einbinden und das bild in den hintergrund setzen um darüber den code zu setzen und das bild als background. hier der css code für das bild:
Zum Vergrößern anklicken....

Wenn Du schon ein Hintergrundbild definiert hast - wieso weißt Du dann nicht wie Du an anderer Stelle auch ein Hintergrundbild einfügen kannst?
 
Wenn Du schon ein Hintergrundbild definiert hast - wieso weißt Du dann nicht wie Du an anderer Stelle auch ein Hintergrundbild einfügen kannst?
Zum Vergrößern anklicken....

Ahh ich kann also zwei bg definieren, sehr gut ^^ danke wusste ich nicht..

Was meinst Du genau:
- Willst Du im Photoshop eingegebene Texte als reinen Text exportieren?
- Oder willst Du das im Photoshop erstelle Design exportieren um es bearbeiten zu können?
Zum Vergrößern anklicken....

Um den in PS erstellen Text als reinen Text zu erhalten :)

Danke dir
 
Werbung:
okay ein letztes vorerst noch.. und zwar bekomme ich es einfach nicht hin das Hintergrundbild anschließend wieder hinter das script zu bekommen, kann mir da jmd bitte helfen? hier der code:

css
#slider{
position:absolute;
left:303px;
top:120px;
width:813px;
height:355px;
}
Zum Vergrößern anklicken....

html:
<div id="slider">


<ul>
<li><a href="#"><img src="slideshow/images/002.jpg" alt="pixelminze green accents" ></a></li>
<li><a href="#"><img src="slideshow/images/001.jpg" alt="pixelminze sustainable green" ></a></li>
<li><a href="#"><img src="slideshow/images/00.jpg" alt="pixelminze art says all" ></a></li>
<li><a href="#"><img src="slideshow/images/01.jpg" alt="pixelminze between" ></a></li>
<li><a href="#"><img src="slideshow/images/02.jpg" alt="pixelminze curve" ></a></li>
<li><a href="#"><img src="slideshow/images/03.jpg" alt="pixelminze business corp" ></a></li>
<li><a href="#"><img src="slideshow/images/04.jpg" alt="pixelminze myfuturehosting" ></a></li>
<li><a href="#"><img src="slideshow/images/05.jpg" alt="pixelminze logo" ></a></li>
<li><a href="#"><img src="slideshow/images/6.jpg" alt="pixelminze stefan jährling" ></a></li>
<li><a href="#"><img src="slideshow/images/7.jpg" alt="pixelminze artwork" ></a></li>
<li><a href="#"><img src="slideshow/images/8.jpg" alt="pixelminze brandenburgischer schützenbund" ></a></li>
<li><a href="#"><img src="slideshow/images/9.jpg" alt="pixelminze esthetic cutter" ></a></li>
<li><a href="#"><img src="slideshow/images/10.jpg" alt="pixelminze myfuturehosting" ></a></li>
<li><a href="#"><img src="slideshow/images/11.jpg" alt="pixelminze myfuturehosting" ></a></li>
<li><a href="#"><img src="slideshow/images/12.jpg" alt="pixelminze privat arbeiten" ></a></li>
<li><a href="#"><img src="slideshow/images/13.jpg" alt="pixelminze visitenkarte stefan jährling" ></a></li>
</ul>

</div>
Zum Vergrößern anklicken....
 
curve schrieb:
okay ein letztes vorerst noch.. und zwar bekomme ich es einfach nicht hin das Hintergrundbild anschließend wieder hinter das script zu bekommen, kann mir da jmd bitte helfen? hier der code:
Zum Vergrößern anklicken....

Hallo.

Du hast da kein Hintergrundbild definiert.
Hintergrundbilder definiert man mit background-image im CSS.

Lies dir mal das durch: CSS4You.

Gruss
Elroy
 
Werbung:
Ok soweit funktioniert alles, danke nochmal.

Ein letztes Problem besteht noch:

Ich habe ein Bild welches ich als Link definieren will, nur funktioniert das nicht. Habe es über
<div class="home_" onclick="index.html">
Zum Vergrößern anklicken....
versucht, aber auch ganz klassisch per
<div class="home_"> <a href="index.html">
Zum Vergrößern anklicken....
usw,.. auch per
<ul><li><a href="index.html"><img src=images/home.png" alt="home" ></a></li></ul>
Zum Vergrößern anklicken....
funktioniert das nicht..
 
Zuletzt bearbeitet:
Code: 
<div class="home_" onclick="index.html">

Das ist auch kein Link, nicht mal ansatzweise. Zudem ist es nur ein Teil deines Codes der nichts weiter aussagt.

Code: 
<div class="home_"> <a href="index.html"



Auch das ist nur ein Teil deines Codes. Damit kann ich nichts anfangen.

Code: 
<ul><li><a href="index.html"><img src=images/home.png" alt="home" ></a></li></ul>

Das muss funktionieren.
 
<ul><li><a href="index.html"><img src=images/home.png" alt="home" ></a></li></ul>
Zum Vergrößern anklicken....
tut es aber nicht.

hier der html und css code:

.hlink {

background-image:url('../images/home.png');
left:275px;
top:443px;
width:20px;
height:19px;
}
Zum Vergrößern anklicken....

html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Portfolio von Stefan Jährling | Grafiken für Print-, Digitalmedien &amp; Webdesign</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="de">
<meta name="device-width" content="width=320px">
<meta name="description" content="Stefan Jährling, Grafiken für Print-, Digitalmedien &amp; Webdesign">
<meta name="keywords" content="Stefan Jährling,Logodesign,Printdesign,Webdesign,HTML,Grafikdesign,Corporate Design,Flyer,CSS">

<link href="css/index.css" rel="stylesheet" type="text/css" media="screen">
<link href="slideshow/css/screen.css" rel="stylesheet" type="text/css" media="screen">

<script type="text/javascript" src="slideshow/js/jquery.js"></script>
<script type="text/javascript" src="slideshow/js/easySlider1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});
</script>
</head>
<body>
<div id="Tabelle_01">
<div id="leftborder_">
<img id="leftborder" src="images/leftborder.png" width="244" height="1400" alt="">
</div>
<div id="top_">
<img id="top" src="images/top.png" width="813" height="88" alt="">
</div>
<div id="rightborder_">
<img id="rightborder" src="images/rightborder.png" width="293" height="1400" alt="">
</div>
<div id="slideshow">
<div id="slider">
<ul>
<li><a href="#"><img src="slideshow/images/002.jpg" alt="pixelminze green accents" ></a></li>
<li><a href="#"><img src="slideshow/images/001.jpg" alt="pixelminze sustainable green" ></a></li>
<li><a href="#"><img src="slideshow/images/00.jpg" alt="pixelminze art says all" ></a></li>
<li><a href="#"><img src="slideshow/images/01.jpg" alt="pixelminze between" ></a></li>
<li><a href="#"><img src="slideshow/images/02.jpg" alt="pixelminze curve" ></a></li>
<li><a href="#"><img src="slideshow/images/03.jpg" alt="pixelminze business corp" ></a></li>
<li><a href="#"><img src="slideshow/images/04.jpg" alt="pixelminze myfuturehosting" ></a></li>
<li><a href="#"><img src="slideshow/images/05.jpg" alt="pixelminze logo" ></a></li>
<li><a href="#"><img src="slideshow/images/6.jpg" alt="pixelminze stefan jährling" ></a></li>
<li><a href="#"><img src="slideshow/images/7.jpg" alt="pixelminze artwork" ></a></li>
<li><a href="#"><img src="slideshow/images/8.jpg" alt="pixelminze brandenburgischer schützenbund" ></a></li>
<li><a href="#"><img src="slideshow/images/9.jpg" alt="pixelminze esthetic cutter" ></a></li>
<li><a href="#"><img src="slideshow/images/10.jpg" alt="pixelminze myfuturehosting" ></a></li>
<li><a href="#"><img src="slideshow/images/11.jpg" alt="pixelminze myfuturehosting" ></a></li>
<li><a href="#"><img src="slideshow/images/12.jpg" alt="pixelminze privat arbeiten" ></a></li>
<li><a href="#"><img src="slideshow/images/13.jpg" alt="pixelminze visitenkarte stefan jährling" ></a></li>
</ul>
</div>
</div>

</div>
<div id="homespacerleft_">
<img id="homespacerleft" src="images/homespacerleft.png" width="31" height="29" alt="">
</div>
<div class="hlink"><li><a href="#"><img src="../images/home.png" alt="" ></a></li></div>
</div>
Zum Vergrößern anklicken....
 
Werbung:
Und was funktioniert daran nicht? Wird das Bild nicht angezeigt? Wird der Link beim Anklicken nicht geöffnet?

In deinem HTML-Code steht der Link zumindest nicht drinne, sondern nur ein "#".

Und der HTML-Code ist auch nicht vollständig - vielleicht fehlt das ja noch ..
 
habe jetzt einfach mal alles hoch geladen. zu finden unter Portfolio von Stefan Jhrling | Grafiken fr Print-, Digitalmedien & Webdesign

Der Fehler welcher besteht ist dieser das es jetzt zwar angezeigt wird, jedoch an der falschen Stelle, wenn es an der richtigen Stelle "liegt" dann funktioniert der Link nicht, im Impressum jedoch funktioniert alles.. langsam hab ich die Nase voll und realisiere den Link einfach per Flash..

die Position sollte genau in die kleine lücke passen die unter der slideshow zu sehen ist und die Koordinaten stimmen auch..

im Quellcode ist ja die css ansteuerbar.. jedenfalls im Firefox.

danke nochmal
 
Bei mir liegt diese Home-Grafik über der Animation im Kopfbereich. Wenn ich sie anklicke lande ich auch auf der verlinkten index.html-Datei. Ich weiß daher nicht was dein Problem ist?
 
Werbung:
Ja, genau das ist das Problem was ich jetzt habe, wenn du dir die CSS anschaust, dann sind die Koordinaten genau die, die in das leere Kästchen unterhalb der Slideshow passen.. und trotzdem erscheint das home-symbol in der Slideshow... HILFE!!! :< ich weiß nicht mehr weiter... liegt das vielleicht daran das zwei <div><ul><il> in einer html vorhanden sind?
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben