• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Auflösung Anpassen

Status
Für weitere Antworten geschlossen.

Ganjaman2k3

Neues Mitglied
Moin,

Ich bin gerade dabei eine HOmepage zu basteln. ICh habe jetzt ein problem. Dan es ein Projekt in der SChule ist, arbeite ich im UNterricht. Da für das Projekt die Zeit für mich recht knapp geworden ist bearbeite ich die Page auch zu hause. HIer ist mir ein Problem aufgefallen. MEine Page wird bei verschiedenen Auflösung unterschieldich angezeigt. Ich nutze zuhause eine 1280 x 1024 Auflösung. IN der Schule ist die Auflösung 1024 x 867. Wenn ioch als die Inhalte zuahsue anpasse, sind sie in der Schule zu groß, also bildet sich dort, wo auf es auf keinen fall passieren soll, (in der Navigation als frame auf der linken Seite) eine Zweite Zeile für einzelen Links. Andere Leute habe ja nicht alle eine Auflösung wie ich also sieht es bei denen auch BEschissen aus.
Da habe ich auf der Page http://www.mittelerde-portal.de/index.php eine mögliche LÖsung gefunden. Die Page past sich den auflösungen in der HInsicht an, das sich bei kleinen Auflösungen eine schwarzer RAnd bildet und die Page + Inhalter immer gleich sind...
Jetzt zu meiner Frage:

"Wie macht man das?!?!?"

Wäre sehr nett wenn man mir hilft.

PS:"Weiß net obs im richtigen Forum ist"

MfG

Ganjaman2k3
 
Häufiges Problem,
wäre net, wenn du ma Link schicken würdest oder wenigstens Quelltext.
Da habe ich auf der Page http://www.mittelerde-portal.de/index.php eine mögliche LÖsung gefunden. Die Page past sich den auflösungen in der HInsicht an, das sich bei kleinen Auflösungen eine schwarzer RAnd bildet und die Page + Inhalter immer gleich sind...

CSS:
HTML:
  #container {
   margin:auto; 
}

HTML:
HTML:
<div id="container">
 <div>INHALT</div>
 <div>MENU</div>
</div>
 
Vielen Dank.
Ich bin noch ein Anfänger und weiß nicht wo ich den Div hinsetzten soll..
in den Body oder wohin?
Und brauche ich den CSS Tag oder klappt es auch ohne?

wäre net, wenn du ma Link schicken würdest oder wenigstens Quelltext.

Wovon sollte ich nen link bzw. Quelltext schicken?
 
Zuletzt bearbeitet:
Leg Einfach um deine Tabellen (gehe mal davon aus, das du Tabellen benutzt) ein Div, das so aussieht:
HTML:
<div style="margin:auto;">
Hier dein Weiterer Code ... 
 <table ...
...

</table>
</div>

Dabei musst du beachten, dass das nur klappt, wenn deine website im allgemeinen so breit is, das sie auf ne auflösung von 1024x786 passt.
 
Vielen Dank.
Ich bin noch ein Anfänger und weiß nicht wo ich den Div hinsetzten soll..
Und brauche ich den CSS Tag oder klappt es auch ohne?
in den Body oder wohin?



Wovon sollte ich nen link bzw. Quelltext schicken?

Den Link von deiner Homepage.
HTML:
<html>
 <head>
  <style>
   #container {
    margin:auto;
    width:BREITE;
   }
  </style>
 </head>
 <body>
  <div id="container">    <!-- Du kannst auch <div style="margin:auto; width:DEINEBREITE;"> benutzen! -->
   Alles im Container wird jetzt mittig angezeigt.
  </div>
 </body>
</html>

//EDIT: Ach alti war scheneller!

@Alti: Und du ratest einem quasi Tabellen für ein Layout zu benutzen?
 
ok
ersma danke für die schnellen antworten.

Ich weiß ich stelle mich dämlich an aba ich habe mit CSS noch nie gearbeitet.
Ich habe meine Page mit 2 frames aufgebaut. left und right.
die Frames stehen auf wie gewöhnlich auf der Index.html seite.
Also werden alle Page-Internen Links die bei benutzung im "right" Frame geöffnet.
Die Links stehen im "left" Frame.
Also arbeite ich ohne Tabellen.
Sie steht auch noch nicht im Netz da sie noch in den Startlöchern steht...
Jetzt zum Quelltext ohne die CSS Tags:


Index.html
<html>
<head>
<title>Index</title>
<div id="conatiner">
<frameset cols="20%,80%">
<frame src="Inhalt.html">
<frame src="Home.html" Name="mitte">
</frameset>
</head>
<body text="#FFFFFF" bgcolor="#FFFFFF" link="#FFFFFF" alink="#FFFFFF" vlink="#FF0000" background="back.jpg">
</body>
</html>


left.html
<html>
<head>
<title>Inhalt</title>
<meta name="author" content="Ich">
</head>
<body text="#FFFFFF" bgcolor="#FFFFFF" link="#FFFFFF" alink="#FFFFFF" vlink="#FF0000" background="back1.jpg">
<font face="Kelt"><b>
<h1>Inhalt</h1>
<br>
<h2><img src="ring.gif" align="left">&nbsp;&nbsp;Mittelerde</h2>
<br>
<h3>&nbsp;&nbsp;&raquo;
<a href="map.html" target="mitte">Die Karte von Mittelerde</a>
<br>
&nbsp;&nbsp;&raquo;
Der Pfand der Gefährten
<br>
&nbsp;&nbsp;&raquo;
</h3>
</b></font>
</body>
</html>


right.html

<html>
<head>
<title>Home</title>
<meta name="author" content="Ich">
</head>
<body text="#FFFFFF" bgcolor="#FFFFFF" link="#FFFFFF" alink="#FFFFFF" vlink="#FF0000" background="back.jpg">
</body>
</html>

Wie schon gesagt möchte ich die komplette Page in einem schwarzen Rahmen haben der, je nach Auflösung, breiter bzw. dünner wird, so das sich die eigentliche PAge in ihrer Schriftgröße oder ähnlichem nicht verändert.


Vielen Dank für eure Gedult

MfG

Ganjaman2k3
 
Bitte keine Prozentangaben bei Frames!
Vielleicht so:
HTML:
 <frameset cols="*,200,800,*">
  <frame src="bg.html" />
  <frame src="inhalt.html" />
  <frame src="home.html" name="mite" />
  <frame src="bg.html" />
 </frameset>

Bitte HTML Code kleinschreiben!

P.S.: Ab XHTML 2.0 gibt's keine Iframes mehr!!!
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben