Antworten auf deine Fragen:
Neues Thema erstellen

Volle Größe erreichen

S

SeasonX

Noch nicht viel geschrieben

Hallo,

ich habe folgendes Problem bei meinen Entwürfen für meine Website:

- Das .HTML Dokument öffnet sich in dem Browser nicht in der kompletten größe.

Wie kann ich es einstellen, dass es sich automatisch anpasst? - Nutze DW CS4
 

sfischer

sfischer

###

AW: Volle Größe erreichen

hallo,

was heist nicht in voller größe?
hier liegt es erstmal zu klären ob es am browser liegt oder an deinem code!


gruß sfischer
 
S

SeasonX

Noch nicht viel geschrieben

AW: Volle Größe erreichen

sfischer schrieb:
hallo,

was heist nicht in voller größe?
hier liegt es erstmal zu klären ob es am browser liegt oder an deinem code!


gruß sfischer
Zum Vergrößern anklicken....

100%ig an meinem Code. ;)

Was muss ich denn in den code einfügen, damit es sich anpasst?

P.S = Ich bin gerade erst fertig mit den PS Arbeiten. Habe es als HTML Dok gespeichert, und habe es mal in meinem Browser geöffnet...
 
S

SeasonX

Noch nicht viel geschrieben

AW: Volle Größe erreichen

cebito schrieb:
Na dann poste den doch mal! :rolleyes:
Zum Vergrößern anklicken....

Hier ist er:

<html>
<head>
<title>Projekt</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Projekt.psd) -->
<table id="Tabelle_01" width="1024" height="601" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="4">
<img src="Bilder/Projekt_01.gif" width="471" height="600" alt=""></td>
<td colspan="8">
<img src="Bilder/Projekt_02.gif" width="553" height="58" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="Bilder/Projekt_03.gif" width="57" height="150" alt=""></td>
<td>
<img src="Bilder/Projekt_04.gif" width="58" height="17" alt=""></td>
<td rowspan="2">
<img src="Bilder/Projekt_05.gif" width="75" height="150" alt=""></td>
<td>
<img src="Bilder/Projekt_06.gif" width="101" height="17" alt=""></td>
<td rowspan="2">
<img src="Bilder/Projekt_07.gif" width="84" height="150" alt=""></td>
<td>
<img src="Bilder/Projekt_08.gif" width="112" height="17" alt=""></td>
<td colspan="2" rowspan="2">
<img src="Bilder/Projekt_09.gif" width="66" height="150" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/Projekt_10.gif" width="58" height="133" alt=""></td>
<td>
<img src="Bilder/Projekt_11.gif" width="101" height="133" alt=""></td>
<td>
<img src="Bilder/Projekt_12.gif" width="112" height="133" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="Bilder/Projekt_13.gif" width="549" height="392" alt=""></td>
<td>
<img src="Bilder/Projekt_14.gif" width="4" height="392" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/Abstandhalter.gif" width="471" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="57" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="58" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="75" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="101" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="84" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="112" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="62" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="4" height="1" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
Zum Vergrößern anklicken....

Bisher ist noch nichts auf der Seite...
 
cebito

cebito

undefined

AW: Volle Größe erreichen

Erstmal die ganze Tabelle rausschmeißen und mit css neu machen. Und, was soll sich hier anpassen?

Code: 
<table id="Tabelle_01" [COLOR=Red]width="1024" height="601"[/COLOR] border="0" cellpadding="0" cellspacing="0">

Ist doch 'ne feste Größe, die du da definierst.
 
sokie

sokie

Mod | Web

AW: Volle Größe erreichen

SeasonX schrieb:
Bisher ist noch nichts auf der Seite...
Zum Vergrößern anklicken....

für nichts ist das aber eine Menge Code:eek:

nach dem code ist deine Gestaltung eben 1024x600px gross.
für Bildschirmsuflösungen von 1024x768 und kleiner ist das schon mehr als (ohne scrollen) angezeigt werden kann
 
Zuletzt bearbeitet:
cebito

cebito

undefined

AW: Volle Größe erreichen

Naja, vielleicht postest du erstmal deinen Photoshop-Entwurf als Bild, dann kann man dir schon mal sagen, auf welche slices du verzichten kannst und ob sich das Design überhaupt für 'ne Browseranpassung eignet. Dann sehen wir mal weiter... :nick:
 
cebito

cebito

undefined

AW: Volle Größe erreichen

:D Tutorial gemacht ;). So wie ich das seh, läßt sich das mit 2! Bildern realisieren, der Rest mit Hintergrundfarbe und die Navi brauchst auch nicht als Bild.
 
S

SeasonX

Noch nicht viel geschrieben

AW: Volle Größe erreichen

Okay. Danke.

Aber was muss nun in den Code, damit sich das Fenster dann komplett füllt?
 
S

SeasonX

Noch nicht viel geschrieben

AW: Volle Größe erreichen

cebito schrieb:
Mal langsam, der Abend ist noch jung :lol:
Zum Vergrößern anklicken....

Würde es trotzdem gerne wissen.

Außerdem: Die vorhin gepostete ,,Website" bzw. das Template aus PS wird natürlich nicht als Website verwendet.

Wollte das TuT nur mal ausprobieren.

Allerdings ist das mit den Seiten ,,füllen" immer ein Problem.
 
cebito

cebito

undefined

AW: Volle Größe erreichen

Hier mal ein erster Ansatz:

html

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<div id="left"></div>
</body>
</html>

css

Code: 
html { 
  padding: 0px;
  margin: 0px;
  height: 100%;
}
body {
    background-image: url(images/stripes.jpg);
    background-repeat: repeat-x;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #000000;   
}
#left {
    margin: 0px auto 0px 0px;
    background-image: url(images/links.jpg);
    background-repeat: no-repeat;
    width: 314px;
    height: 310px;
}

Mal 'ne kleine Ausgangsbasis -> #left in der Größe auf dein Bild abgestimmt. Rechts gibts erstmal noch garnichts.
 
S

SeasonX

Noch nicht viel geschrieben

AW: Volle Größe erreichen

cebito schrieb:
Hier mal ein erster Ansatz:

html

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<div id="left"></div>
</body>
</html>

css

Code: 
html { 
  padding: 0px;
  margin: 0px;
  height: 100%;
}
body {
    background-image: url(images/stripes.jpg);
    background-repeat: repeat-x;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #000000;   
}
#left {
    margin: 0px auto 0px 0px;
    background-image: url(images/links.jpg);
    background-repeat: no-repeat;
    width: 314px;
    height: 310px;
}

Mal 'ne kleine Ausgangsbasis -> #left in der Größe auf dein Bild abgestimmt. Rechts gibts erstmal noch garnichts.
Zum Vergrößern anklicken....

Aber den HTML-Code, den du da gerade mal geschrieben hast,
kann ich ja nicht für mein Teil verwenden............
 
cebito

cebito

undefined

AW: Volle Größe erreichen

SeasonX schrieb:
Aber den HTML-Code, den du da gerade mal geschrieben hast,
kann ich ja nicht für mein Teil verwenden............
Zum Vergrößern anklicken....

Kannst du schon, nur kann ich nicht hellsehen, wie groß bspw. deine Bilder sind, da ich keine Originale hab. 'N bissl mitarbeiten mußte schon!
Aber mal im Ernst, was möchtest denn jetzt wirklich? Sehen, wie du 'ne Seite an's Browserfenster anpasst? :arrow: hier geht's weiter.
Oder willst du nur dein eigenes Design verwirklichen? Auch kein Problem, aber dann mach nich so ein Geheimnis drum. Denn am Ende nutzen die ganzen Tipps nix, wenn's nicht geeignet ist

Edit: hätte auch gereicht, wenn du nur meine Kommentare und nicht den ganzen code zitiert hättest, steht ja eh alles oben.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Gesamt: 150 (Mitglieder: 4, Gäste: 146)
Robots: 757

Statistik des Forums

Themen
118.565
Beiträge
1.538.067
Mitglieder
67.488
Neuestes Mitglied
Andrew56524
Oben