Anmelden

Archiv verlassen und diese Seite im Standarddesign anzeigen : Feste Fenstergröße Dreamweaver

KingMayor
2007-10-14, 23:59:49
Ja hallo liebe Community..

hab hier lange nix mehr geschrieben.. aber ich hab jetzt ein dickes Problem.. undzwar habe ich eine HP erstellt mit Dreamweaver CS3..

Ich habe schon eine menge im internet gelesen was das thema angeht, aber irgendwie bin ich nicht schlauer als vorher.. bzw.. meistens war es auch nicht genau das Thema..
Also wie o.g. geht es um die Fenstergröße im Browser.. momentan habe ich meine HP so erstellt das sie auf 1280 x ... erstellt ist.. nun haben sich aber eine menge leute beschwert, das sie immer zu seite scrollen müssen.. kann ich verstehen, würde mich auch ankotzen..

Also meine Frage.. : Wie kann ich die Fenstergröße auf 1024 x ... einstellen..?

Falls fragen bestehen oder sonstiges stehe ich gerne zur verfügung.. ;)

PS: habe nur AP-divs benutzt, und halt dann mit Bildern die Navileiste erstellt usw.. hier sonst noch die URL http://www.deepblue.generation.de.vu/
DanMan
2007-10-15, 18:33:08
<!--
body,td,th {
color: #fff;
font-family: Arial, Helvetica, sans-serif;
}
body {
background-color: #000000;
width:95%;
margin:1%;
overflow-x:hidden
}
#apDiv1 {
float:left;
background-color: #000000;
margin-top:190px;
}
#apDiv2 {
background-color: #000000;
float:left;
width:45%;
margin:0 5px;
margin-top:190px;
}
#apDiv3 {
float:left;
width:200px;
margin-top:190px;
}
.Stil2 {
color: #003399;
font-weight: bold;
font-style: italic;
}
.Stil4 {
color: #003399
}
#apDiv4 {
position:absolute;
top:2px;
width:1110px;
z-index:4;
}
.Stil5 {
color: #FFFFFF;
font-weight: bold;
}
.Stil9 {
font-size: 10px;
color: #FFFFFF;
}
.Stil11 {color: #0033CC}
-->


Mehr ist nicht drin, ohne dass du dein HTML vernünftig schreibst.
KingMayor
2007-10-16, 00:32:38
thx @ DanMan
ehrlich gesagt werde ich daraus nicht ganz schlau.. :confused:

und warum ist mein HTML nicht vernünftig geschrieben?


PS: über eine gernauere erklärung würde ich mich freuen, da ich noch sehr neu auf dem Gebiet bin.. probiere zwar sehr viel selber aus und lese bzw.. lasse mich belehren, aber manches geht halt einfach nicht ohne fremde hilfe.. wäre nett wenn mir jemand helfen könnte.. oder es genauer erklärt :tongue:

MFG und thx schonmal
Gast
2007-10-16, 04:16:10
das is eher eine generelle designfrage, und die antwort auf deine frage ist eigentlich ganz einfach: du hast deine seite zu gross gemacht.

wenn ich sie mir auf 1024x768 anschaue, dann muss ich einfach zur seite scrollen. deswegen hättest du dir beim layout der seite überlegen sollen, wer möglicherweise deine seite betrachtet. wenn man nicht ab ca. 1280x1024 deine seite betrachtet, dann muss man eben scrollen.

du solltest dir überlegen, ob du deine seiten nicht so designen willst, dass sie auf potentiell jeden bildschirm eines betrachters passen, und deswegen musst du die seite vorher auch einigermassen planen und nicht einfach drauf los designen.

auch die blaue schrift auf schwarzem hintergrund ist weit verbreitet als sehr schlechter stil angesehen, da es auf dauer sehr anstrengend ist zu lesen.

-> es gibt zahlreiche seiten im netz, die sich mit dem thema design mit css beschäftigen, die du dir mal genauer durchlesen solltest, wo genau solche designgrundlagen für einfache seiten erklärt werden, eben dinge auf die man achten sollte, sonst wirds nicht besser. mfg
Mistbock
2007-10-16, 04:51:18
Das Problem ist einfach dass du oder Dreamwaver (Siehe Spoiler von DanMan) feste Breiten eingestellt hast. Entweder änderst du diese manuell oder aber es hilft vielleicht deine Auflösung, bevor du mit Dreamwaver arbeitest, auf 1024 x 768 einzustellen.
KingMayor
2007-10-16, 16:28:18
ok danke erstmal..

Ich werde es mal so probieren..=)

MFG
DanMan
2007-10-16, 17:09:10
thx @ DanMan
ehrlich gesagt werde ich daraus nicht ganz schlau.. :confused:

und warum ist mein HTML nicht vernünftig geschrieben?
Bitteschön. Aber konkrete Fragen bitte, was mich angeht. Für Grundlagen einfach mal ein paar Webseiten dazu durchlesen (de.selfhtml.org (http://de.selfhtml.org/navigation/anfang/index.htm) z.B.).

In deinem HTML steht z.B. der Code für den Kopfteil erst an letzter Stelle. Das macht das CSS schwierig, wenn nicht sogar unmöglich, so wie du es haben willst.
KingMayor
2007-10-16, 17:23:47
Ich hab selber kaum was im Code gemacht.. das meiste davon hat Dreamweaver selber gemacht.. deswegen.. sry

Also ich habs jetzt so gemacht wie Mistbock gesagt hat und es sieht ganz gut aus.. nur jetzt möchte ich noch, die Seite Zentrieren, weil bei 1280 x 1024 is die seite jetzt links ausgerichtet.. aber sie sollte möglichst in der Mitte zentriert sein.. vllt kann mir ja da jemand noch helfen.. ;) dann bin ich auch Glücklich und zufrieden ^^

PS: hab schon auf Selfhtml geguckt.. habe es jedoch nicht verstanden bzw.. weißnicht wo ich

margin-left:auto;
margin-right:auto;

hin machen soll.. wenn es überhaupt das richtig für mich ist..

MFG
DanMan
2007-10-16, 17:25:42
PS: hab schon auf Selfhtml geguckt.. habe es jedoch nicht verstanden bzw.. weißnicht wo ich

margin-left:auto;
margin-right:auto;

hin machen soll.. wenn es überhaupt das richtig für mich ist..

MFG
In die CSS Datei bzw. in den Style Bereich in der HTML Datei. Brauchst aber noch ein div um alles herum.

Dafür war auch alles gedacht, was ich im Spoiler gepostet hatte.
KingMayor
2007-10-16, 17:45:21
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>DBG Hamburg</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body, td, th {
color: #0033CC;
font-family: Arial, Helvetica, sans-serif;
}
body {
background-color: #000000;
}
#apDiv1 {
position:absolute;
left:9px;
top:235px;
width:204px;
height:491px;
z-index:1;
background-color: #000000;
}
#apDiv2 {
position:absolute;
left:235px;
top:175px;
width:518px;
height:589px;
z-index:2;
background-color: #000000;
}
#apDiv3 {
position:absolute;
left:763px;
top:235px;
width:207px;
height:398px;
z-index:3;
}
.Stil2 {
color: #003399;
font-weight: bold;
font-style: italic;
}
.Stil4 {
color: #003399
}
#apDiv4 {
position:absolute;
left:31px;
top:14px;
width:969px;
height:179px;
z-index:4;
}
a:link {
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
}
.Stil5 {
color: #FFFFFF;
font-weight: bold;
}
.Stil9 {
font-size: 10px;
color: #FFFFFF;
}
.Stil11 {
color: #0033CC
}
#apDiv5 {
position:absolute;
left:10px;
top:30px;
width:1024px;
height:768px;
z-index:5;
}
-->
</style>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>
<body>
<div id="apDiv1">
<p align="center"><a href="../index.html"><img src="../aktuelles-hsvlogoklein.jpg" alt="news" width="170" height="41" /></a></p>
<p align="center"><a href="../Die DBG.html"><img src="../Die DBG-hsvlogoklein.jpg" alt="die DBG" width="170" height="41" /></a></p>
<p align="center"><a href="../Das Team.html"><img src="../Das team-hsvlogoklein.jpg" alt="das Team" width="170" height="41" /></a></p>
<p align="center"><a href="http://dbgnico.db.funpic.de/" target="_blank"><img src="../Bilder-hsvlogoklein.jpg" alt="Bilder" width="170" height="41" /></a></p>
<p align="center"><a href="../Videos.html"><img src="../Videoshsvlogoklein.jpg" alt="videos" width="170" height="41" /></a></p>
<p align="center"><a href="http://www.forumprofi.de/forum11484/" target="_blank"><img src="../Forum-hsvlogoklein.jpg" alt="forum" width="170" height="41" /></a></p>
<p align="center"><a href="../Impressum.html"><img src="../Impressum-hsvlogoklein.jpg" alt="impressum" width="170" height="41" /></a></p>
</div>
<!-- TemplateBeginEditable name="hauptinhalt" -->
<div id="apDiv2">
<div align="center">
<h1 align="center"><img src="../Aktuelles-hsvlogo.jpg" alt="news" width="133" height="164" /></h1>
<hr width="400" size="3" />
<p align="left">&nbsp; </p>
<p align="left" class="Stil2">
<!-- #BeginDate format:Ge1 -->16.10.2007<!-- #EndDate -->
</p>
<h2 align="center" class="Stil4">Website online..</h2>
<p align="center">Website ist nun wieder da.. und erstrahlt im neuem Design..<br />
Sie ist noch im Aufbau, aber ich werde sie trotzdem schon mal veröffentlichen, also nicht wundern wenn sich noch ein wenig was verändert, bzw.. wenn vllt mal ein Tag die Website nicht geht..</p>
<p align="center">Naja dann mal auf eine schöne und erfolgreiche Zukunft von DBG..</p>
<p align="center">&nbsp;</p>
<p align="center">MFG Kevin</p>
</div>
<div align="center"></div>
</div>
<!-- TemplateEndEditable -->
<div id="apDiv3">
<p><a href="../index.html"><img src="../News-hsvlogoklein.jpg" alt="news" width="170" height="41" /></a></p>
<p class="Stil5">10.10.2007</p>
<ul>
<li>Sieg gegen Köln<br />
</li>
</ul>
<p><span class="Stil5">08.10.2007</span></p>
<ul>
<li>Website erstrahlt im neuem Design,, <br />
Bitte Umfrage im Forum beachten</li>
</ul>
<p><span class="Stil5">02.10.2007</span></p>
<ul>
<li>Sieg gegen Wilhelmshaven<br />
<a href="../Archiv.html" class="Stil9">hier gehts zum Bericht</a></li>
</ul>
<p class="Stil5">30.09.2007</p>
<ul>
<li>Niederlage gegen <span class="Stil11">SG Flensburg-Handewitt</span><br />
<span class="Stil9"><a href="../Archiv.html">hier gehts zum Bericht</a></span><br />
<a href="http://dbgnico.db.funpic.de/DBG 07-08/Heimspiele/HSV gg Flensburg 30-09-2007/index.html" target="_blank" class="Stil9">hier gehts zu den bildern</a></li>
</ul>
<br />
</div>
<div id="apDiv4"><img src="../Header links.jpg" alt="header links" width="167" height="133" /><img src="../Header.jpg" alt="header" width="600" height="150" /><img src="../Header rechts.jpg" alt="header rechts" width="167" height="133" /></div>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
</body>
</html>


Habs eben probiert aber es klappt nicht.. ich hab das jetzt wieder ausm code rausgenommen.. hab den code sonst nochmal beigelegt.. vllt kannst du damit ja was anfangen.. ^^

MFG