Gegen Bilderklau - Das Original

Registrierung Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Statistik Chat Karte Zur Startseite

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [CSS] Divs verschieben sich | Gelöst » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | Thema zu Favoriten hinzufügen
Zum Ende der Seite springen Divs verschieben sich | Gelöst
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Startpost-Retter
Mitglied


Dabei seit: 24.01.2011
Beiträge: 12.246
Herkunft: Gegen Bilderklau, intern

Divs verschieben sich | Gelöst Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Hi!

ich habe ein Problem und zwar folgendes:
Auf Vollbild ist das Design einwandfrei zu betrachten. Wenn nun jemand aber eine größere Bildschirmauflösung hat (also einen zu kleinen Bildschirm) oder das Design halt sonst irgendwie gescrollt werden muss, dann bricht alles auseinander!

Hier ein Screenshot wenn es verschoben ist.

Und so sollte der Hof aussehen: Screen zeigen

Und für alle, die sich gleich drauf stürzen wollen, mein etwas komischer Code Augenzwinkern

php:
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:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link type="text/css" href="1.css" rel="stylesheet" media="screen" />
<title>Reitstall Moorwiesen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body bgcolor="#82A68E" >


<?
echo "
<div style='height: 30px; width: 140px; position: absolute; top: 570px; left: 665px; border: 0px solid; overflow: auto;'>
<a href='/mineklein/' target='_parent'>C l e a r</a></div>



<div style='height: 160px; width: 140px; position: absolute; top: 425px; left: 430px; border: 0px solid; overflow: auto;'>
Hier die Navigation
</div>


<div style='height: 20px; width: 400px; position: absolute; top: 570px; left: 40px; border: 0px solid; overflow: auto;'>
Hier ist wer online ist
</div>


<div style='height: 400px; width: 370px; position: absolute; top: 25px; left: 416px; border: 0px solid; overflow: auto;'>
Hier ist der Pfad zu der Karte (habe ich jetzt rausgenommen)
</div>";


$name = $_SESSION[name];
if ($name == '')
{
echo "<div style='position: absolute; left: 435px; top: 25px; background: url(bilder/transpa.png); height: 19px; border: 1px solid; padding: 2px;'> <form action='logged.php?seite=$_GET[seite]' method='post'>Name: <input type='text' name='name' style='width: 80px;'> &nbsp; Passwort: <input type='password' name='passwort' style='width: 80px;'> &nbsp; <input type='submit' value='Login'></form></div>";
}
else
{
echo "<div style='position: absolute; left: 717px; top: 25px; background: url(bilder/transpa.png); height: 19px; border: 1px solid; padding: 2px;'> <form action='logout.php' method='post'><input type='submit' value='Logout'></form></div>";
}
?>

</body>
</html>



Und für alle dies auch wissen wollen, hier mein CSS Code 1.css
php:
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:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
body {
background-color#;
font-size11px;
font-familyVerdanaArialSunSans-RegularSans-Serif;
color:#688672;
padding:0px;
margin:2px;
background-image:url(hintergrund.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
}

table {
font-size11px;
font-familyVerdanaArialSunSans-RegularSans-Serif;
color:#688672;
}

{color#688672;}
a:visited {color:#688672;}
a:hover {color#000000;}
a:active color:#688672;}


h1 {
font-size12px;
color#688672;
text-transform:uppercase;
border-top:1px solid #82A68E;
border-bottom:1px solid #82A68E;
padding:5px 15px;
margin:0px;
letter-spacing5px;
}

h2 {
font-size:20px;
font-weightnormal;
padding5px 10px;
margin:0px;}

h4 {
font-size12px;
color#688672;
text-transform:uppercase;
padding:5px 15px;
margin:0px;
letter-spacing5px;
}

select {
font-size12px;
color:#000;
background-color#9BBCA6;
border:1px dotted #000;
margin:0px;
}

textarea {
font-size12px;
color:#000;
background-color#9BBCA6;
border:1px dotted #000;
margin:0px;
}

input {
font-size12px;
color:#000;
background-color#9BBCA6;
border:1px dotted #000;
margin:0px;
}



LÖSUNG: Ich musste einfach um alles ein Div tun, wo das Hintergrundbild dann drin ist xD Dann gehts hehe

__________________
Dieser Beitrag gehörte zu einer Löschaktion von Beiträgen eines Users, er wurde diesem User überschrieben, damit der Thread nicht an Sinn verliert.

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Cantara: 27.12.2009 21:21.

27.12.2009 19:12 Startpost-Retter ist offline Beiträge von Startpost-Retter suchen Nehmen Sie Startpost-Retter in Ihre Freundesliste auf
Baumstruktur | Brettstruktur
Gehe zu:
Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [CSS] Divs verschieben sich | Gelöst

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH