Fehler bei der Darstellung mit ''Background''

GFX-Sector - HTML, CSS

GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Fehler bei der Darstellung mit ''Background''

» Hello Guest [Login|Register]

Last Post | First Unread Post

Print Page | Recommend to a Friend | Add Thread to Favorites

HTML, CSS

Einfache Scriptsprachen und deren Layout mit HTML und CSS

Pages (2): [1] 2 next »

Fehler bei der Darstellung mit ''Background''

Author

Post

« Previous Thread | Next Thread »

Mantus

Pixelvirtuose

Registration Date: 22.02.2008
Posts: 1,631
Location: Deutschland
Program: Photoshop CS2

Fehler bei der Darstellung mit ''Background''

werbefreies Forum?

Hey..
ich hab für meine private Homepage mal ein neues Design gemacht.
Das bin ich einfach als Hintergrundbild per "background" ein.(Sicherlich nicht die professionellste methode)

Nun hab ich den Effekt das er nicht das komplette Bild anzeigt sondern unten einfach was abschneidet. Man kann auch nicht runterscrollen oder so.

Weiss einer woran das liegen kann?

Danke Oromir!!

07.08.2008 17:04

TomB

Pfadfinder

Spender

Registration Date: 19.02.2007
Posts: 592
Location: Nürnberg
Program: Adobe Photoshop CS3 Extended
Deviantart: dclow

Ohne Quelltext und/oder die Seite bzw screenshot wird dir wohl kaum einer helfen können.

07.08.2008 19:40

Mantus

Pixelvirtuose

Registration Date: 22.02.2008
Posts: 1,631
Location: Deutschland
Program: Photoshop CS2

Thread Starter Thread Started by Mantus

Das komplette Design sieht so aus:

CSS quelltext ist der hier:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-weight: bold;
background: url(../bg.png);
background-repeat:no-repeat;
color: #000000;
}

Und so sieht es im Browser aus:

Beide Bilder sind thumbs..

Danke Oromir!!

07.08.2008 19:54

Mero

The Dreadworks Project

Spender

Registration Date: 12.11.2006
Posts: 3,294
Location: Weserbergland
Program: Photoshop, Illustrator, Notepad++
Deviantart: dreadworks

mich beschleicht da ein ganz böser verdacht... poste bitte mal das markup, also den html quelltext.

The Dreadworks Project

And in my darkest moment, fetal and weeping
The moon tells me a secret - my confidant
As full and bright as I am
This light is not my own and
A million light reflections pass over me

07.08.2008 21:54

Mantus

Pixelvirtuose

Registration Date: 22.02.2008
Posts: 1,631
Location: Deutschland
Program: Photoshop CS2

Thread Starter Thread Started by Mantus

Bitte sehr..
Ist nur von der Index Seite.. Aufbau ist allerdings bei allen Seiten gleich bis auf die Inhalte etc.
Ein weiteres Phänomen das ich habe ist das auf allen Seiten, außer der Index Seite , die Positionierung nicht richtig ist... Um es deutlicher zu sagen. Die positionierung mit "top" und "left" ist bei der index Seite richtig und bei allen andren ist sie ein stk höher.. Naja..

Hoffe es ist einigermassen übersichtlich..

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
<title>www.ANGELofAGONY.de.vu</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?
	if (eregi("MSIE",$HTTP_USER_AGENT))
	{
	 echo "<link rel=\"stylesheet\" href=\"css/main_ie.css\" type=\"text/css\"></link>";
	 echo "<link rel=\"STYLESHEET\" type=\"text/css\" href=\"css/menue_ie.css\">";
	}
	if (eregi("Opera",$HTTP_USER_AGENT))
	{
	 echo "<link rel=\"stylesheet\" href=\"css/main_opera.css\" type=\"text/css\"></link>";
	 echo "<link rel=\"STYLESHEET\" type=\"text/css\" href=\"css/menue.css\">";
	}
	if (eregi("Mozilla",$HTTP_USER_AGENT))
	{
	 echo "<link rel=\"stylesheet\" href=\"css/main_opera.css\" type=\"text/css\"></link>";
	 echo "<link rel=\"STYLESHEET\" type=\"text/css\" href=\"css/menue.css\">";
	} 
?>
<link rel="STYLESHEET" type="text/css" href="css/movie.css">
</head>
<body>
<div class="container">
  <ul id="navSquare">
	<!-- CSS Tabs -->
	<li><a class="active" href="index.php">Home</a></li>
	<li><a href="news.php">News</a></li>
	<li><a href="gallery.php">Gallerie</a></li>
	<li><a href="designs.php">Designs</a></li>
	<li><a href="guest.php">Gaestebuch</a></li>
	<li><a href="links.php">Links</a></li>
	<li><a href="proggen.php">Programmieren</a></li>
  </ul>
</div>
<div class="movie">
<embed src="../gemeinsames/clips\<?= $movie ?>" height="120px" width="160px" autostart="true" border="0" loop="true" showcontrols="0"></embed>
</div>
<div class="body">
<h1 align="center">Willkommen,</h1>
<p align="justify">Text1</p>
<p align="justify">Text2</p>
&nbsp;
&nbsp;
&nbsp;
<p align="center"><img src="Schriftzug_Karo.jpg" alt="Schriftzug Karo"></p>
</div>
<div class="footer" style="font-size: 70%;">
<p align="center">
<a href="contact.php">Kontakt</a>
 |
<a href="impressum.php">Impressum</a>
 |
<a href="blog.php">Blog</a>
</p>
</div>
</body>
</html>

Danke Oromir!!

08.08.2008 00:12

Mero

The Dreadworks Project

Spender

Registration Date: 12.11.2006
Posts: 3,294
Location: Weserbergland
Program: Photoshop, Illustrator, Notepad++
Deviantart: dreadworks

ich glaube am besten ists, wenn du einen link zu einer live vorschau setzt... ich sehe so ja gar nicht die css formatierungen?

warum unterscheidest du oben die stylesheets so krass? ich hab noch nie gesehen, wenn man ordentlich arbeitet, dass die neuen versionen von firefox und opera in der interpretation des css unterscheiden...
du hast kein "else", das ist sehr schlecht... denn was ist mit safari zB.? (läuft der unter einem der namen?? )

08.08.2008 15:22

Mantus

Pixelvirtuose

Registration Date: 22.02.2008
Posts: 1,631
Location: Deutschland
Program: Photoshop CS2

Thread Starter Thread Started by Mantus

Die Unterscheidung von Firefox und Opera ist hinfällig wie ich selber feststellen musste.
Die Interpretieren alles gleich, wusste ich vorher nicht. Wie man sieht wird ja auch die selbe Datei eingebunden.

Das Design etc kannste dir direkt auf meiner HP unter dem Punkt "Neues Design" anschauen.
Hier

Danke Oromir!!

08.08.2008 16:40

Mero

The Dreadworks Project

Spender

Registration Date: 12.11.2006
Posts: 3,294
Location: Weserbergland
Program: Photoshop, Illustrator, Notepad++
Deviantart: dreadworks

ich werde mich zuhause mit deiner frage weiter auseinandersetzen, aber was mir sofort aufgefallen ist, siehst du im anhang...

du bekommst mit dieser herangehensweise probleme... content komplett vom template zu trennen ist eigentlich eher der falsche ansatz

Attachment:

gfx-sector,fragen,design1.png (519 KB, 153 downloads)

08.08.2008 16:54

Mantus

Pixelvirtuose

Registration Date: 22.02.2008
Posts: 1,631
Location: Deutschland
Program: Photoshop CS2

Thread Starter Thread Started by Mantus

Hmm ja so soll das nicht aussehen.
Mit was haste dir das angeschaut? Das Programm sieht ja echt interressant aus.

Danke Oromir!!

08.08.2008 16:59

Mero

The Dreadworks Project

Spender

Registration Date: 12.11.2006
Posts: 3,294
Location: Weserbergland
Program: Photoshop, Illustrator, Notepad++
Deviantart: dreadworks

das ist ein plugin für firefox und heißt "firebug"

ich will es nie wieder missen.

08.08.2008 17:22

Mantus

Pixelvirtuose

Registration Date: 22.02.2008
Posts: 1,631
Location: Deutschland
Program: Photoshop CS2

Thread Starter Thread Started by Mantus

Kuhl.. gleich mal nach Googlen...

Edit:
Ah jetzt weiss ich auch wizo das bei dir so aussah. Mit Firebug macht er den Content Scrollbar. Das sollte nicht sein. ^^

Danke Oromir!!

This post has been edited 1 time(s), it was last edited by Mantus: 08.08.2008 17:50.

08.08.2008 17:45

Mero

The Dreadworks Project

Spender

Registration Date: 12.11.2006
Posts: 3,294
Location: Weserbergland
Program: Photoshop, Illustrator, Notepad++
Deviantart: dreadworks

ja, aber das der content scrollbar ist, musst du immer bedenken... es mag leute geben, die im nicht maximiertem browser surfen

08.08.2008 18:12

izak.stern izak.stern is a male

Ohnefiltergrafiker

Registration Date: 18.02.2008
Posts: 478

mir is was aus deinem src ins auge gestochen:

code:
1:	<p align="justify">Text2</p>

sowas is ziemlicher bloedsinn...

weisst du was justify heisst bzw bewirkt?

10.08.2008 16:39

Mantus

Pixelvirtuose

Registration Date: 22.02.2008
Posts: 1,631
Location: Deutschland
Program: Photoshop CS2

Thread Starter Thread Started by Mantus

Soweit ich es richtig in erinnerung habe bewirkt "justify" das der Text als Blocksatz geschrieben wird. Bzw. er als Block dargestellt wird.

Das dort nur ein Wort vorhanden ist, liegt daran das ich die kompletten Texte rausgenommen habe.

Denke so mientest du das oder?

Edit: MIr ist bis jetzt immernoch keine Lösung eingefallen die mir bei meinem Problem hilft..
Weiss einer noch irgendwas..?

Danke Oromir!!

This post has been edited 1 time(s), it was last edited by Mantus: 12.08.2008 22:38.

12.08.2008 22:38

Mero

The Dreadworks Project

Spender

Registration Date: 12.11.2006
Posts: 3,294
Location: Weserbergland
Program: Photoshop, Illustrator, Notepad++
Deviantart: dreadworks

ja, du musst es neu machen, und vernünftig slicen... so wirst du da nicht weiterkommen.

12.08.2008 22:45

GFX-Sector
unregistered

Have you enjoyed this topic?

If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)

26.08.2008 16:32

Pages (2): [1] 2 next »

Tree Structure | Board Structure

GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Fehler bei der Darstellung mit ''Background''

Similar topics to Fehler bei der Darstellung mit ''Background''

Thread

Spielerei mit Licht (Forum: Signaturen/Avatare)

[Anfänger] Ghost Rider (Forum: Signaturen/Avatare)

für die für die ähmm wie hieß die wieder (Forum: Gifts)

Ich bin der... (Forum: Vorstellungen)

[Frage] Wolfsnarbe bei Photoshop (Forum: Fragen & Probleme)