Hi,
solangsam könnten wir einen Sammelthread mit meinen Problemen aufmachen, aber ich glaube, ich belasses mal bei einzelnen Threads :-D
Also:
Wie der Titel schon sagt, möchte ich eine Grafik unabhängig der Auflösung ausrichten.
Die Grafik ist in dem Fall ein Button, der später noch verlinkt wird.
Bei meiner Auflösung (1280x1024) klappt alles wunderbar. Bei zB 1024x768 oder gar 800x600 ist die Grafik aber verschoben.
Hier mal Screens:
Bei 1280x1024: Alles prima
Bei 800x600: Bääääh
Dann hier der Code:
Joar, ich glaub das ist selbsterklärend![Wink ;) ;)](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Ich hoffe mir kann wieder wer helfen =)
mfG L
solangsam könnten wir einen Sammelthread mit meinen Problemen aufmachen, aber ich glaube, ich belasses mal bei einzelnen Threads :-D
Also:
Wie der Titel schon sagt, möchte ich eine Grafik unabhängig der Auflösung ausrichten.
Die Grafik ist in dem Fall ein Button, der später noch verlinkt wird.
Bei meiner Auflösung (1280x1024) klappt alles wunderbar. Bei zB 1024x768 oder gar 800x600 ist die Grafik aber verschoben.
Hier mal Screens:
Bei 1280x1024: Alles prima
![1280x1024homepageprobleje4.jpg](/proxy.php?image=http%3A%2F%2Fimg101.imageshack.us%2Fimg101%2F5349%2F1280x1024homepageprobleje4.jpg&hash=d2c67374ff1d2183bb169ecc8e75d46c)
Bei 800x600: Bääääh
![800x600homepageproblemnl4.jpg](/proxy.php?image=http%3A%2F%2Fimg101.imageshack.us%2Fimg101%2F9237%2F800x600homepageproblemnl4.jpg&hash=b498005801c4df1fff5267c9e900aeb5)
Dann hier der Code:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Daswüsstestdugerne - Home</title>
<meta name="Author" content="Der Computer">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
html, body margin:0; {
height: 100%;
width: 100%;
}
#UpperBannerBereich {
background-image: url(images/UpperBanner.jpg);
background-repeat: no-repeat;
Width:100%;
Height:200px;
background-position: center;
}
#PlatzhalterBereich {
background-image: url(images/Platzhalter.jpg);
background-repeat: no-repeat;
Width:100%;
Height:50px;
background-position: center;
}
#IndexUpperBereich {
background-image: url(images/IndexUpper.jpg);
background-repeat: no-repeat;
Width:100%;
Height:500px;
background-position: center;
}
#IndexLowerBereich {
background-image: url(images/IndexLower.jpg);
background-repeat: no-repeat;
Width:100%;
Height:100px;
background-position: center;
}
#LowerBannerBereich {
background-image: url(images/LowerBanner.jpg);
background-repeat: no-repeat;
Width:100%;
Height:200px;
background-position: center;
}
</style>
</head>
<body margin="0">
<div id="UpperBannerBereich"></div>
<div id="PlatzhalterBereich"></div>
<div id="IndexUpperBereich">
<img src="images/HomeButton.jpg" height="30px" width="90px" alt="HomeButton" style="margin-left:22.5%; margin-top:8%" >
</div>
<div id="IndexLowerBereich"></div>
<div id="LowerBannerBereich"></div>
</body>
</html>
Joar, ich glaub das ist selbsterklärend
Ich hoffe mir kann wieder wer helfen =)
mfG L