Photoshop-Cafe.de :: Dein Photoshop-Forum

Zurück   Photoshop-Cafe.de :: Dein Photoshop-Forum > Fragen zu Adobe Photoshop (Elements), zur Creative Suite und anderen Kreativprogrammen > Hilfestellung, Tipps und Tricks
Seite neu laden Web-Design (Browser?-)Problem bei Tabellenlayout + Iframe
Registrieren Hilfe Kalender Heutige Beiträge Suchen

Hinweise
Aktuelles aus dem PSC
„Kreativ Hallo Du!
Das Userbattle zwischen Caradhras und wackelelvis hat begonnen. Kommt ⇒ hierher, um die beiden Battler anzufeuern und zu plaudern.
Hier findest du unser Thema für den P-S-C 06/2024: ⇒ Tattookunst - erstelle ein Tattoo auf einer Hand. Bis 31.12.2024 kannst du dir was dazu ausdenken.
Das Foto-Thema für November 2024 ist ⇒ Holz.
Zur C-C-C für November 2024 gehts hier lang: ⇒ Hunde .
 Unterstützung für das PSC
ACHTUNG: Regeln für die Verwendung von KI-Bildern im PSC.
Bitte sorgfältig durchlesen und beachten!

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 21.07.05, 16:59
Benutzerbild von socke
socke socke ist offline
schmeißt mit Beiträgen
  
Registriert seit: 07/2005
Beiträge: 177
Kreativ-Software: CS
socke geht den richtigen Weg
(Browser?-)Problem bei Tabellenlayout + Iframe
Hi!
Bin jetzt auch endlich unter die Webdesigner gegangen und bastel momentan an meiner ersten Homepage.
Klappt soweit auch schon ganz gut, dank IR und Dreamweaver, nur bin ich jetzt bei nem Problem angelangt, bei dem ich als Anfänger und HTML-Lusche nimmer weiter komm.

Hab folgende 2 Seiten:

1. Die Indexseite:
http://home.arcor.de/filbiber/mayfly...iography2.html

2. Der Frame-Inhalt:
http://home.arcor.de/filbiber/mayfly...y/content.html


Im Internet Explorer funktioniert alles einwandfrei, im Firefox aber, ist der Framebereich komischerweise deutlich kleiner!
Kann sich mal jemand die Codes anschauen und mir sagen wie ich das beheben kann?

Danke schon mal! =)
Socke

Frameseite:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Mayfly Biography Content-Frame</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#EBE2B1">
<table align="left" border="0" width="100%" height="100%" cellspacing="25" cellpadding="0" bgcolor="#EBE2B1">
<tr>


<td align="center" valign="middle" width="100%" height="100%">
<p>
<font size="1" face="Verdana, Arial, Helvetica, sans-serif">
Wenn dieser Text angezeigt wird, funzt zumindest schon mal der Iframe! =)
<br>
<br>content.html
<br>
<br>
<br>
<br>
<br>*scroll*
</font>
</p>
</td>
</tr>
</table>
</body>
</html>




Indexseite:
<html>
<head>
<title>~ Mayfly Biography ~</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (mayfly biography 2.psd) -->
<script type="text/javascript">
<!--

function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}

function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}

var preloadFlag = false;
function preloadImages() {
if (document.images) {
blog_over = newImage("images/blog_over.jpg");
musik_over = newImage("images/musik_over.jpg");
steckbrief_over = newImage("images/steckbrief_over.jpg");
gallerie_over = newImage("images/gallerie_over.jpg");
gurke_over = newImage("images/gurke_over.jpg");
preloadFlag = true;
}
}

// -->
</script>
<!-- End Preload Script -->
</head>
<body bgcolor="#1D1807" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
<table id="ausrichtung" width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="100%" width="100%" valign="middle" align="center">

<!-- ImageReady Slices (mayfly biography 2.psd) -->
<table id="layout" width="700" height="550" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="images/header.jpg" width="700" height="175" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="175" alt=""></td>
</tr>
<tr>
<td>
<a href="#"
onmouseover="changeImages('blog', 'images/blog_over.jpg'); return true;"
onmouseout="changeImages('blog', 'images/blog.jpg'); return true;"
onmousedown="changeImages('blog', 'images/blog_over.jpg'); return true;"
onmouseup="changeImages('blog', 'images/blog_over.jpg'); return true;">
<img name="blog" src="images/blog.jpg" width="100" height="70" border="0" alt=""></a></td>
<td rowspan="8">
<table id="textfenster" border="0" cellpadding="0" cellspacing="0" height="350" width="500">
<tbody>
<tr>
<td height="350" width="500" align="center valign="middle">
<div align="center">
<iframe src="content.html" height="100%" width="100%"><font color="#C1B693" size="1" face="Verdana, Arial, Helvetica, sans-serif">Die
Seite "content.html" konnte nicht geladen werden!</font></iframe></div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
<td rowspan="3">
<a href="#"
onmouseover="changeImages('musik', 'images/musik_over.jpg'); return true;"
onmouseout="changeImages('musik', 'images/musik.jpg'); return true;"
onmousedown="changeImages('musik', 'images/musik_over.jpg'); return true;"
onmouseup="changeImages('musik', 'images/musik_over.jpg'); return true;">
<img name="musik" src="images/musik.jpg" width="100" height="114" border="0" alt=""></a></td>
<td>
<img src="images/spacer.gif" width="1" height="70" alt=""></td>
</tr>
<tr>
<td>
<img src="images/menu_left.jpg" width="100" height="10" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<a href="#"
onmouseover="changeImages('steckbrief', 'images/steckbrief_over.jpg'); return true;"
onmouseout="changeImages('steckbrief', 'images/steckbrief.jpg'); return true;"
onmousedown="changeImages('steckbrief', 'images/steckbrief_over.jpg'); return true;"
onmouseup="changeImages('steckbrief', 'images/steckbrief_over.jpg'); return true;">
<img name="steckbrief" src="images/steckbrief.jpg" width="100" height="74" border="0" alt=""></a></td>
<td>
<img src="images/spacer.gif" width="1" height="34" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="images/menu_right.jpg" width="100" height="236" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td>
<img src="images/menu_left-11.jpg" width="100" height="11" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td>
<a href="#"
onmouseover="changeImages('gallerie', 'images/gallerie_over.jpg'); return true;"
onmouseout="changeImages('gallerie', 'images/gallerie.jpg'); return true;"
onmousedown="changeImages('gallerie', 'images/gallerie_over.jpg'); return true;"
onmouseup="changeImages('gallerie', 'images/gallerie_over.jpg'); return true;">
<img name="gallerie" src="images/gallerie.jpg" width="100" height="99" border="0" alt=""></a></td>
<td>
<img src="images/spacer.gif" width="1" height="99" alt=""></td>
</tr>
<tr>
<td>
<img src="images/menu_left-14.jpg" width="100" height="11" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td>
<a href="#"
onmouseover="changeImages('gurke', 'images/gurke_over.jpg'); return true;"
onmouseout="changeImages('gurke', 'images/gurke.jpg'); return true;"
onmousedown="changeImages('gurke', 'images/gurke_over.jpg'); return true;"
onmouseup="changeImages('gurke', 'images/gurke_over.jpg'); return true;">
<img name="gurke" src="images/gurke.jpg" width="100" height="75" border="0" alt=""></a></td>
<td>
<img src="images/spacer.gif" width="1" height="75" alt=""></td>
</tr>
<tr>
<td colspan="3" background="images/bottom.jpg" align="center" valign="middle">
<font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif">&copy; 2005 Fil</font></td>
<td>
<img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->

</td>
</tr>
</table>

</body>
</html>
Mit Zitat antworten
  #2  
Alt 21.07.05, 17:25
Benutzerbild von Fobby
Fobby Fobby ist offline
hat immer was zu sagen
  
Registriert seit: 07/2005
Ort: Leipzig
Beiträge: 582
Fobby geht den richtigen Weg
Hi socke,

jap, sieht nach einem Browserproblem aus. Versuch doch mal, das <div> zu vergrößern, welches den iframe umschließt z.b.

<div style="width:100%; height:100%">

Könnte funktionieren, probier's aus
Mit Zitat antworten
  #3  
Alt 21.07.05, 20:27
Benutzerbild von socke
socke socke ist offline
schmeißt mit Beiträgen
  
Registriert seit: 07/2005
Beiträge: 177
Kreativ-Software: CS
socke geht den richtigen Weg
danke für die idee, hat aber leider nicht geklappt.
muss mich wohl oder übel an CSS heranwagen, damit solls gehen.
Mit Zitat antworten
  #4  
Alt 21.07.05, 21:17
Benutzerbild von phoenix
phoenix phoenix ist offline
mother-brain
  
Registriert seit: 06/2005
Ort: Basel
Beiträge: 9.684
OS: Windows 8 x64
Kreativ-Software: CS6 x64
phoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es geht
nimm den div mal ganz raus

um genauer testen zu können, fehlen zuviele dateien.
müsstest du mir den gesamten ordner mal übermitteln

es hat noch einige fehler im quellcode, z.b. einen </div> zuviel
__________________
http://photoshop-cafe.de/sig/themen_bewerten.gifhttp://photoshop-cafe.de/sig/bilder_und_schriften.gifhttp://photoshop-cafe.de/sig/tutorials.gifhttp://photoshop-cafe.de/sig/signaturleitfaden.gifhttp://photoshop-cafe.de/sig/forenleitfaden.gifhttp://www.photoshop-cafe.de/sig/stock-galerie.gif

design oder nicht sein

"So, we’ve got a full pot of coffee, half a pack of cigarettes, it’s dark out, and we’re coding. Hit it." - Synthesoft
Mit Zitat antworten
  #5  
Alt 21.07.05, 21:37
Benutzerbild von leoman
leoman leoman ist offline
hat sich eingelebt
  
Registriert seit: 06/2005
Ort: Stralsund
Beiträge: 78
leoman geht den richtigen Weg
ähm nimm doch die größen angaben der zelle

height="350" width="500" dann passt es auf jeden fall
__________________
Internetagentur Netfiction
Mit Zitat antworten
  #6  
Alt 21.07.05, 22:35
Benutzerbild von socke
socke socke ist offline
schmeißt mit Beiträgen
  
Registriert seit: 07/2005
Beiträge: 177
Kreativ-Software: CS
socke geht den richtigen Weg
Zitat:
Zitat von leoman
ähm nimm doch die größen angaben der zelle

height="350" width="500" dann passt es auf jeden fall
hatte mittlerweile in allen erdenklichen tags die 500*350 verwendet, nur den div-tag selbst hab ich vergessen.
danke, zumindest hat der frame jetzt die richtige größe!

den wirren code hier nochmal zu posten erspar ich euch, solang es in dem forum hier keine anständige [code]-formatierung gibt.. *argh*

jedenfalls gabs in der zwischenzeit jetzt schon wieder ein neues problem (wiederum nur im firefox). hatte plötzlich 1-2px breite lücken zwischen den zellen der navigations-pics.
hab abgezählt und bin horizontal und vertikal auf insgesamt je 4px an lücken gekommen, woraus ich schließe, dass firefox frames standardmäßig mit einem 4px-breiteren rand als beim IE versieht. diese 4 pixel sind offenbar transparent.
hab dann einfach von der framebreite/-höhe jeweils 4 abgezogen und es hat in beiden browsern genau gepasst.
btw: kann man die hässliche graue kante vom frame nicht irgendwie ganz wegmachen?? die verhunzt den style.
achja und kann man dem scrollbalken/der scrollleiste ne andere farbe geben?

fragen über fragen...aber ich komm mit html besser zurecht als erwartet.

danke für die (folgenden *g*) antworten und viele grüße,
socke

hier nochmal der aktuelle stand
Geändert von socke (21.07.05 um 22:38 Uhr).
Mit Zitat antworten
Antwort

Lesezeichen

« Vorheriges Thema | Nächstes Thema »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.
BB-Code ist An.
Smileys sind An.
[IMG] Code ist An.
HTML-Code ist Aus.
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Web-Design iframe Alternative? (div?) kasmo Hilfestellung, Tipps und Tricks 14 01.02.11 16:48
Bilder vom Browser in PS zeiehen? michaelxxx Hilfestellung, Tipps und Tricks 6 16.05.09 19:45
Web-Design Scrollen verbieten (im iFrame) Lebian Hilfestellung, Tipps und Tricks 4 16.10.06 00:58
Web-Design iframe-Seite, Unterseiten auch mit kompletten iframeset anzeigbar? Lebian Hilfestellung, Tipps und Tricks 11 24.04.06 00:48
Web-Design <iframe>?!? S!XX Hilfestellung, Tipps und Tricks 4 12.04.06 00:55


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:51 Uhr.

Impressum

Kontakt      Photoshop-Cafe      Archiv     Impressum     Nach oben

Powered by vBulletin® Version 3.8.7 (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
©2005-2020 photoshop-cafe.de

Seite wurde generiert in 0,10558 Sekunden mit 10 Queries