Homepage an verschiedene größen anpassen Beratung

[Goos]

Hey,
also ich hab mir ein Webtemplate gedownloadet, da passt ja auch eich alles.

Nur jetzt is des für 800X800.
Kann man das jetzt i-wie anpassen für 1024X786 oder auch auf die anderen größen das es sich dann vllt für jeden einzelnen richtig anpasst, also überprüft was er eingestellt hat und dann so groß wird??

Kann man das in der .css datei machen, wenn es überhaupt geht.
Ich Poste sie einfach mal vllt kann mir des dann jemand erklären:

a {
color: #000;
text-decoration: none;
}
body {
background: #CCC url(img/bg.gif) repeat-y fixed bottom center;
color: #333; margin: 20px 0;
text-align: center; font: normal 0.6em sans-serif,Arial;
}
.gfx a {
background: #F5F5F5 url(img/header.jpg) no-repeat; display: block; height: 240px;
}
.header {
background: #FFF;
border-bottom: 1px solid #E5E5E5;
font: bold 2.6em Arial;
line-height: 3em;
}
.main {
background: #FFF; 
border: 3px double #EEE; 
border-color: #E4E4E4 #CFCFCF #CCC #CFCFCF; 
margin: 20px auto 4px auto; 
text-align: left;
width: 620px; 
}
.menu a {
background: #EEE;
border-right: 1px solid #CECECE;
border-top: 1px solid #E5E5E5;
color: #888;
float: left;
padding-top: 4px;
width: 149px; height: 36px;
}
.menu a span {
padding-left: 6px;
}
.menu a:hover {
background: #EEE url(img/bgmenu.gif) repeat-x;
color: #555;
}
.menu a#last {
width: 150px;
border-right: none;
}
.container {
margin: 10px;
}
.content {
background: #F5F5F5;
border-top: 1px solid #E5E5E5;
clear: both;
}
.content h1 {
margin: 0;
font: bold 1.1em sans-serif,Arial;
color: #666;
}
.content p {
margin: 3px 0 6px; color: #666;
}
.item {
background: #FCFCFC url(img/bgitem.gif) repeat-x;
padding: 10px;
}
.footer {
padding: 5px;
background: #F5F5F5;
color: #666;
}

Würde mich sehr über eine antwort freuen Goos

 

[nilixxxl]

Hi,

möglich ist alles. Ich selber arbeite immer mit flexiblen Layouts (liquid designs). Hier passt sich dann die Breite automatisch der Bildschirmauflösung und der Browserfenster an. Hierzu müsste sich Mann oder Frau aber mal dein Webtemplate genauer anschauen … ob es auch dafür geeignet ist.

Hier mal ein weiterführende Link:
A List Apart: Articles: Multi-Column Layouts Climb Out of the Box

Und hier kannst du dir mal ein paar desings mit der Option “Fluid Width“ raussuchen und anschauen.
http://www.opendesigns.org/search/

Table of content - YAML | Examples

Nun ist guter Rat teuer!?

 

[Goos]

Hey,
danke für die antwort, ein neues Design würde ich nicht gerne nehmen da ich eich gerade alles fertig habe was ich wollte.
Der erste Link funzt leider nicht, ka warum.

Wenn du dich damit auskennst, und mir helfen könntest kannst dich gerne mal bei mir in icq melden, würde mich echt freuen.

Goos

 

[David00]

um die Größen anzupassen, nicht mit px, sonder mit % arbeiten.

 

[Mr.BuLL]

Auch eine Möglichkeit wie ich es öfter mache :

Mit Javascript die Auflösung abfragen, und dementsprechend eine andere Stylesheet Datei laden.

Flexible Layouts sind natürlich das A und O, aber nicht immer erwünscht.

mfg, BuLL

 

[patstar]

Auch eine Möglichkeit wie ich es öfter mache :

Mit Javascript die Auflösung abfragen, und dementsprechend eine andere Stylesheet Datei laden.

Kannst evt. mal dein Javascript Code dazu posten? würde mich interessieren. Danke Mr. Bull

 

[Broken Sword]

^Ganz einfach, dazu gibt es das Objekt Screen (Mehr Infos dazu, hier: HTML DOM Screen Object)
Praktisch würde das dann so ähnlich aussehen:

Gruß
Broken Sword

 

[Thor66]

Hallo ich suche nach jemandem der mir günstig die Homepage von meiner Schlosserei zusammenstellt...
Gruß Thor66

 

[Starwalker]

'Ne gute Möglichkeit ist auch, nur den Contentbereich zu vergrößern und im Header ne Hintergrunddatei zu nehmen.

@Thor66 Ich würd's machen, kann man dich über eMail erreichen?