 |
| Hinweise |
Willkommen im TP-Hilfe-Forum!Dies ist ein Forum zu den Themen Photoshop, Dreamweaver, Flash, Selbständigkeit und mehr, in dem Du Hilfe, Anleitung oder eine Lösung zu Deinen Problemen erhältst. Aktuell bist Du in unseren Foren als Gast mit reinen Leserechten unterwegs. Wenn Du Dich registrierst, kannst Du eigene Themen verfassen, deine Frage stellen und privat mit anderen TPlern kommunizieren. Weitere Foren werden zugänglich, und Du wirst – falls gewünscht – per Mail über neue Beiträge informiert. Die Registrierung ist schnell und kostenlos. Sollten bei der Registrierung Fragen auftauchen, reicht ein Klick in unsere Hilfe - Häufig gestellte Fragen oder eine kurze Mitteilung an das Support-Team. Viel Spaß bei Traum-Projekt.com |
25.05.2005, 23:36
|
#1
|
|
TP-Junior
Registriert seit: May 2005
|
Scrollleiste
Hi.
Ich hab mir ein Design mit Photo Shop erstellt und wenn ich jetzt in Namo Webeditor 6 die Seite öffne und dann in den Mainframe viel reinschreibe verrutschen die ganzen Grafiken. Wie mach ich das wenn im Mainframe viel geschrieben is das dann da ne Scrollleiste kommt, das sich nicht immer alles verrutscht? Bei Bedarf kann ich auch den Quelltext reinsetzen 
Gruß Caligo |
|
|
|
26.05.2005, 00:14
|
#2
|
|
TP-Special Mod
Registriert seit: Feb 2005
Ort: Haan / NRW
|
tja, ohne Code brauchen wir die ...
 |
|
|
|
|
26.05.2005, 13:55
|
#3
|
|
TP-Junior
Registriert seit: May 2005
|
Ok:
HTML-Code:
<html>
<head>
<title>RonniesHomepage</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Microsoft FrontPage 4.0">
</head>
<body bgcolor="black" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" text="white" link="white" vlink="white" alink="white">
<!-- ImageReady Slices (index.psd) -->
<table id="Tabelle_01" width="1024" height="769" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="9">
<img src="Bilder/index_01.gif" width="936" height="121" alt=""></td>
<td rowspan="2">
<img src="Bilder/index_02.gif" width="88" height="197" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="Bilder/index_03.gif" width="936" height="76" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="Bilder/index_04.gif" width="152" height="55" alt=""></td>
<td colspan="6">
<img src="Bilder/index_05.gif" width="179" height="55" alt=""></td>
<td colspan="2" rowspan="12">
<p><b><font size="5">Willkommen auf ronniegottwald.de,</font></b>
</p>
<p><font size="5"><b>wir freuen uns auf Regestrierungen im Forum und Gästebucheinträgen.
Da die Homepage grade erst ganz neu aufgebaut wurde, bitte ich um Verständnis
falls Bugs vorkommen sollten, oder noch nicht alle Kategorien zur Verfügung
stehen sollten. Ansonsten noch viel Spaß auf der Homepage.</b></font></p>
<p><font size="5"><b>Mit Freundlichen Grüßen </b></font></p>
<p><em> <font face="Comic Sans MS" size="5"> Ronnie</font></em></p>
</td>
</tr>
<tr>
<td colspan="7">
<img src="Bilder/index_07.gif" width="246" height="51" alt=""></td>
<td rowspan="11">
<img src="Bilder/index_08.gif" width="85" height="516" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="Bilder/index_09.gif" width="233" height="46" alt=""></td>
<td rowspan="9">
<img src="Bilder/index_10.gif" width="13" height="431" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="Bilder/index_11.gif" width="167" height="48" alt=""></td>
<td colspan="3" rowspan="4">
<img src="Bilder/index_12.gif" width="66" height="191" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="Bilder/index_13.gif" width="167" height="48" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="Bilder/index_14.gif" width="167" height="44" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="Bilder/index_15.gif" width="167" height="51" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="Bilder/index_16.gif" width="233" height="51" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/index_17.gif" width="141" height="42" alt=""></td>
<td colspan="5">
<img src="Bilder/index_18.gif" width="92" height="42" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="Bilder/index_19.gif" width="182" height="43" alt=""></td>
<td colspan="2">
<img src="Bilder/index_20.gif" width="51" height="43" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="Bilder/index_21.gif" width="197" height="58" alt=""></td>
<td>
<img src="Bilder/index_22.gif" width="36" height="58" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="Bilder/index_23.gif" width="246" height="34" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/Abstandhalter.gif" width="141" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="11" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="15" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="15" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="15" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="36" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="13" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="85" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="605" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="88" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Geändert von Caligo (26.05.2005 um 19:02 Uhr).
|
|
|
|
|
26.05.2005, 16:11
|
#4
|
|
TP-Specialist
Registriert seit: May 2005
Ort: Bad Saulgau
|
Hier im Forum gibt's spezielle Attribute, um deinen HTML Code übersichtlicher zu gestalten. Setz' am besten vor deinen Code ein [.HTML] und am Ende ein [./HTML] (Ohne den Punkt) ein.
Damit nicht alle den Code mühsam in eine HTML Datei kopieren müssen: Klick |
|
|
|
|
26.05.2005, 16:47
|
#5
|
|
TP-Specialist
Registriert seit: Oct 2003
Ort: Niederbayern
|
Deine Seite ist in einer Tabelle aufgebaut - also hast Du kein MainFrame .
Wenn ich Dich richtig verstehe, willst Du in der Zelle unten links Deinen Inhalt haben. Wenn dort sehr viel Text stehen würde sollte NUR diese eine Zelle zum scrollen sein, oder?
Dazu musst Du in der Zelle folgenden Code einfügen:
<style type="text/css">
#divid
{
width: XXpx;
height: XXpx;
overflow:auto;
}
</style>
<body>
<div id="divid">
I N H A L T
</div> |
|
|
|
|
26.05.2005, 18:57
|
#6
|
|
TP-Specialist
Registriert seit: Mar 2005
Ort: Unterfranken
|
Nun ja. Da hast du die Seite auf eine fixe Breite von genau 1024 Pixeln festgesetzt. Aber das WWW funktioniert nicht wie ein PDF-Dokument.
Ich habe zufällig eine Bildschirmauflösung von 1024x756 eingestellt und mein Browser-Fenster maximiert. Trotzdem kriege ich bei deiner Webpage da einen horizontalen Scrollbalken.
Warum?
1. Wie du schon erwähnt hast, nimmt der Scrollbalken einige Pixel in Anspruch. So verschwinden die letzten 18 Pixel oder so hinter dem vertikalen Scrollbalken; deshalb gibt es den horizontalen dazu.
2. Nicht nur der Scrollbalken nimmt Platz in Anspruch. Der Browser selbst hat einen dünnen Rahmen. Das kommt dann auch noch hinzu. Das ist der Grund dafür, dass man seitwärts mehr scrollen muss, als der Scrollbalken breit ist.
Das Problem ist, dass du davon ausgehts, dass jeder das sieht, was du auf deinem Bildschirm siehst. Aber das ist nicht der Fall.
1. Nicht jeder surft mit der Auflösung. Viele surfen noch mit 800x600 (vielleicht mehr, als du für möglich hältst), viele surfen mit einer höheren Auflösung. Oder auch einer sehr viel geringeren (denk an z.B. PDAs).
2. Nicht jeder surft mit maximiertem Browserfenster. Grafik-Designer, zum Beispiel, haben oft eine sehr hohe Auflösung eingestellt, damit sie mehrere Fenster nebeneinander haben können. Dann gibt's bei vielen Browsern diese Sidebars -- wie etwa die Favoriten- oder Verlaufleiste bei Internet Explorer.
3. Nicht jeder surft mit demselben Betriebssystem. Neben Windows gibt es auch Mac, Linux (in vielen Varianten) und noch einige. Es kann sein, dass unter verschiedenen Betriebssystemen die Scrollbalken unterschiedlich breit sind. Bei den Fensterrahmen genau so. Und: verschiedene Betriebssysteme können auch andere Auflösungen zur Auswahl haben.
4. Nicht jeder surft mit demselben Browser-Typ. Mozilla, zum Beispiel, lässt immer Platz für den Scrollbalken, auch wenn der Scrollbalken nicht vorhanden ist.
Beim Web-Design muss man umdenken. WYSIWYG gibt's nicht. Das was du siehst ist nicht das, was alle anderen sehen. Das Zauberwort hier heißt "Liquid layouts", d.h. Layouts, die bei verschiedenen Auflösungen und Browserkonfigurationen gut aussehen. Wenn du wirklich eine feste Breite brauchst, dann nicht breiter als 800 Pixel.
Früher hat man dafür Tabellen verwendet und darauf geachtet, dass sich mindestens eine Spalte in der Breite anpassen konnte. Heute sind Tabellen "out", man verwendet lieber CSS. Ob mit Tabellen oder CSS, "Liquid layouts" ist eine Kunst: da brauchst du halt viel Erfahrung und Übung.
|
|
|
|
|
26.05.2005, 19:00
|
#7
|
|
TP-Specialist
Registriert seit: Mar 2005
Ort: Unterfranken
|
Hmm... ich hätte die Frage sorgfältiger lesen müssen...
Also habe ich sozusagen die "falsche" Frage beantwortet. Sorry. Trotzdem...
|
|
|
|
|
26.05.2005, 19:17
|
#8
|
|
TP-Junior
Registriert seit: May 2005
|
Ok ich hab das
HTML-Code:
<style type="text/css">
#divid
{
width: XXpx;
height: XXpx;
overflow:auto;
}
</style>
<body>
<div id="divid">
I N H A L T
</div>
mal eingefügt:
HTML-Code:
<html>
<head>
<title>RonniesHomepage</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Namo WebEditor v6.0">
</head>
<body bgcolor="black" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" text="white" link="white" vlink="white" alink="white">
<!-- ImageReady Slices (index.psd) -->
<table id="Tabelle_01" width="1024" height="769" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="9">
<img src="Bilder/index_01.gif" width="936" height="121" alt=""></td>
<td rowspan="2">
<img src="Bilder/index_02.gif" width="88" height="197" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="Bilder/index_03.gif" width="936" height="76" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="Bilder/index_04.gif" width="152" height="55" alt=""></td>
<td colspan="6">
<img src="Bilder/index_05.gif" width="179" height="55" alt=""></td>
<td colspan="2" rowspan="12">
<style type="text/css">
#divid
{
width: XXpx;
height: XXpx;
overflow:auto;
}
</style>
<body>
<div id="divid">
Willkommen, blablabla
</div>
</td>
</tr>
<tr>
<td colspan="7">
<img src="Bilder/index_07.gif" width="246" height="51" alt=""></td>
<td rowspan="11">
<img src="Bilder/index_08.gif" width="85" height="516" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="Bilder/index_09.gif" width="233" height="46" alt=""></td>
<td rowspan="9">
<img src="Bilder/index_10.gif" width="13" height="431" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="Bilder/index_11.gif" width="167" height="48" alt=""></td>
<td colspan="3" rowspan="4">
<img src="Bilder/index_12.gif" width="66" height="191" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="Bilder/index_13.gif" width="167" height="48" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="Bilder/index_14.gif" width="167" height="44" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="Bilder/index_15.gif" width="167" height="51" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="Bilder/index_16.gif" width="233" height="51" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/index_17.gif" width="141" height="42" alt=""></td>
<td colspan="5">
<img src="Bilder/index_18.gif" width="92" height="42" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="Bilder/index_19.gif" width="182" height="43" alt=""></td>
<td colspan="2">
<img src="Bilder/index_20.gif" width="51" height="43" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="Bilder/index_21.gif" width="197" height="58" alt=""></td>
<td>
<img src="Bilder/index_22.gif" width="36" height="58" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="Bilder/index_23.gif" width="246" height="34" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/Abstandhalter.gif" width="141" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="11" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="15" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="15" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="15" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="36" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="13" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="85" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="605" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="88" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Aber klappen tut das nicht, hab ich was falsch gemacht 
@ rewbos: Ja mit der Breite-Länge hast du recht, das ganze werd ich auch noch ändern |
|
|
|
|
26.05.2005, 21:10
|
#9
|
|
TP-Specialist
Registriert seit: Mar 2005
Ort: Unterfranken
|
Also, jetzt hast du den <body>-Tag gleich zweimal im Quelltext. Den CSS-Code -- also <style>....</style> -- muss im <head>. Also, den zweiten <body>-Tag löschen, und den CSS-Abschnitt irgendwo zwischen <head> und </head> verschieben.
|
|
|
|
|
26.05.2005, 21:49
|
#10
|
|
TP-Junior
Registriert seit: May 2005
|
HTML-Code:
<html>
<head>
<title>RonniesHomepage</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Microsoft FrontPage 4.0">
<style type="text/css">
#divid
{
width: XXpx;
height: XXpx;
overflow:auto;
}
</style>
</head>
<body bgcolor="black" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" text="white" link="white" vlink="white" alink="white">
<!-- ImageReady Slices (index.psd) -->
<table id="Tabelle_01" width="1024" height="769" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="9">
<img src="Bilder/index_01.gif" width="936" height="121" alt=""></td>
<td rowspan="2">
<img src="Bilder/index_02.gif" width="88" height="197" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="Bilder/index_03.gif" width="936" height="76" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="Bilder/index_04.gif" width="152" height="55" alt=""></td>
<td colspan="6">
<img src="Bilder/index_05.gif" width="179" height="55" alt=""></td>
<td colspan="2" rowspan="12">
<p><b><font size="5"><div id="divid">Willkommen, blabla</div></font></b>
</p>
</td>
</tr>
<tr>
<td colspan="7">
<img src="Bilder/index_07.gif" width="246" height="51" alt=""></td>
<td rowspan="11">
<img src="Bilder/index_08.gif" width="85" height="516" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="Bilder/index_09.gif" width="233" height="46" alt=""></td>
<td rowspan="9">
<img src="Bilder/index_10.gif" width="13" height="431" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="Bilder/index_11.gif" width="167" height="48" alt=""></td>
<td colspan="3" rowspan="4">
<img src="Bilder/index_12.gif" width="66" height="191" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="Bilder/index_13.gif" width="167" height="48" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="Bilder/index_14.gif" width="167" height="44" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="Bilder/index_15.gif" width="167" height="51" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="Bilder/index_16.gif" width="233" height="51" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/index_17.gif" width="141" height="42" alt=""></td>
<td colspan="5">
<img src="Bilder/index_18.gif" width="92" height="42" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="Bilder/index_19.gif" width="182" height="43" alt=""></td>
<td colspan="2">
<img src="Bilder/index_20.gif" width="51" height="43" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="Bilder/index_21.gif" width="197" height="58" alt=""></td>
<td>
<img src="Bilder/index_22.gif" width="36" height="58" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="Bilder/index_23.gif" width="246" height="34" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/Abstandhalter.gif" width="141" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="11" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="15" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="15" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="15" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="36" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="13" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="85" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="605" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="88" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
So? Sorry aber ich bin nicht sehr gut |
|
|
|
|
27.05.2005, 14:43
|
#11
|
|
TP-Specialist
Registriert seit: Mar 2005
Ort: Unterfranken
|
| | |
