Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [CSS] Seite für alle Bildschirmauflösungen (https://www.gegen-bilderklau.net/thread.php?threadid=165494)
Geschrieben von Baby cat am 03.12.2009 um 20:56:
Seite für alle Bildschirmauflösungen
Hallo liebe GB'ler,
ich versuche schon seit über 2 Wochen meine Seite so anzupassen das sie bei jeder Bildschirm auflösung gleich ist. Leider klappt es absolut nicht.
Ich bin mit meinem Latein am Ende, habe auch schon vieles ausprobiert und auch ganz viel gegoogelt.
Vllt. kann mir ja einer von euch helfen?
Das Problem ist bei mir auf dem Laptop siehtes so aus wie es aussehen sollte, aber wo anders haut es nicht hin.
Es ist auch kein DIV Layout.
Die Seite:
Memorio
Der Css Code
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:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
|
/* Allgemeine Angaben */
body
{
font-family:Arial;
font-size:12px;
background-color:#efdfd6;
background-image:url('http://momo869.is-a-chef.net/Memorio/Reitstall/Grafiken/Herbst.gif');
background-position: 50% 50%;
background-attachment: fixed;
background-repeat: no-repeat;
text-align:center;
margin: 0em;
padding: 0em;
}
A:link { color: #7B1818; font-size: 12px; font-style: Arial; text-decoration: none; }
A:visited { color: #7B1818; font-size: 12px; font-style: Arial; text-decoration: none; }
A:hover { color: #7B1818; font-size: 12px; font-style: Arial; text-decoration: border:1 solid; border-color:#000000; background-color:#FFFFFF; }
A:active { color: #7B1818; font-size: 12px; font-style: Arial; text-decoration: none; }
}
/* Hier wird alles für das Menu zusammen gestellt*/
#nav ul {
list-style: none;
}
#nav {
margin-top: 14em;
margin-bottom: 2em;
margin-left: 10em;
z-index:1;
}
#nav a {
display: block;
width: 10em;
}
#nav li {
float: left;
width: 6em;
color: #71643d;
font-size: 18px;
color: #7B1818;
}
#nav li ul {
list-style: left;
position: absolute;
width: 8em;
left: -999em;
font-size: 12px;
color: #7B1818;
}
#nav li:hover ul {
left: auto;
}
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}
/* Hier ist alles für den Inhalt inhalten */
.inline {
width: 955px;
height: 375px;
border: 1px solid #ff0000;
overflow: auto;
z-index:2;
}
|
|
Vllt. ist ja jemand bereit mir zu Helfen.
Schonmal vielen dank im Vorraus
LG Momo
Geschrieben von 1Sm!le am 03.12.2009 um 21:16:
Was macht das JavaScript im CSS?
Geschrieben von Stelo am 03.12.2009 um 21:54:
Warum versuchen nur immer alle so quasi unlösbare Dinge?
Man kann doch nie alle Eventualitäten einplanen und bedienen.
Was spricht bei deiner Seite denn gegen eine Fest definierte Größe, mit der alle Auflösungen einigermaßen gut zurecht kommen, die immer schön mittig sitzt?
Aber trotzdem viel Glück. Ich hätte dir gern geholfen.
Geschrieben von Stelo am 03.12.2009 um 22:00:
Zitat: |
Original von BlackTear
Zitat: |
Original von Stelo
Warum versuchen nur immer alle so quasi unlösbare Dinge?
Man kann doch nie alle Eventualitäten einplanen und bedienen.
Was spricht bei deiner Seite denn gegen eine Fest definierte Größe, mit der alle Auflösungen einigermaßen gut zurecht kommen, die immer schön mittig sitzt?
Aber trotzdem viel Glück. Ich hätte dir gern geholfen.
|
Ich fürchte genau das versucht die Dame.
Bulletproof heißt das Stichwort, um deine "quasi unlösbaren Dinge" mal anzusprechen
|
Bulletproof? Hört sich irgendwie interessant an. Von dem Buch hab ich noch nie was gehört.
Na ja, vielleicht hilft das ja irgendwie weiter...
P.S.: Dieses Google-Buch-Dings ist ja echt ultimativ.
Geschrieben von Baby cat am 03.12.2009 um 23:44:
erstmal vielen dank für eure antworten
1) Was für ein Java teil?? Wahrscheinlich meinst du den für mein Menu oder??
2) Naja mit keinem DIV Layout meinte ich das es ein ganz normales ist wo sich die seite nicht nach untenhin verlängert (mag ich nämlich gar net)
3)@BlackTear:
Ja danke dir nämlich genua das versuche ich, bekomme es aber absolut nihct hin, bin schon seit 2 wochen dabei um herraus zufinden wie ich das hin bekomme, aber bis jetzt konnt emir noch keine seite genauer helfen.
Wie genau definiere ich denn dieses Bulletproof in meinem CSS Code??
Geschrieben von Baby cat am 04.12.2009 um 18:43:
oki danke dir.
Also mit dem flexiblen design ist es aber so, das dann genuaso ausieht wie jetzt??
ich werde mich mal ransetzten und schauen ob ich es hinbekomme, anonstonten meld ich mich nochmal.
Vielen leiben dank für deine hilfe
Geschrieben von Baby cat am 04.12.2009 um 19:25:
okay danke dir,
joar so besonder gut bin ich in dem ganzen kram noch net aber ich
bin der meinung das cih schon einiges durch die vielen guten Tut's
die cih so über google finde schon rehct gut geworden bin.
Danke werde deine Tipps aufjedenfall umsetzten
und die sachen habeich auch schon mal gelesen.
ich denke das wird sich schon irgendwie umsetzten lassen *gg*
Danke dir vielmals für die Hilfe
Forensoftware: Burning Board, entwickelt von WoltLab GmbH