samtey: Webseite fuer ALLE Aufloesungen!

SELF-Forum

Webseite fuer ALLE Aufloesungen!

samtey
– Informationen zu den Bewertungsregeln

Hi alle!

Ich brauche eure Hilfe! Meine Bildschirmaufloesung ist 1600 x 900 Pixel!

Ich habe bereits den Grossteil der Seite geschrieben, und es ist auch alles ok!

Doch wenn ich (zum Test) meine Aufloesung auf bspw. 1024 x 768 Pixel aendere, ist alles durcheinander! Die Bilder sind uebereinander gequetsch, alles ist eng, etc...

Was muss ich tun, um meine Webseite fuer alle Aufloesungen zu schreiben?

Danke im voraus...

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Webseite fuer ALLE Aufloesungen!

    misterunknown
    – Informationen zu den Bewertungsregeln

    Hi alle!
    Was muss ich tun, um meine Webseite fuer alle Aufloesungen zu schreiben?

    Du solltest relative Größenangaben machen, position:absolute vermeiden und kein pixelgenaues Design verwenden.

    Außerdem kann man eine Mindestbreite festlegen, was hier im Forum aber sicherlich verpöhnt ist, da User mit Netbooks beispielsweise nur am scrollen wären.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Webseite fuer ALLE Aufloesungen!

      samtey
      – Informationen zu den Bewertungsregeln

      Hi alle!
      Was muss ich tun, um meine Webseite fuer alle Aufloesungen zu schreiben?

      Du solltest relative Größenangaben machen, position:absolute vermeiden und kein pixelgenaues Design verwenden.

      Außerdem kann man eine Mindestbreite festlegen, was hier im Forum aber sicherlich verpöhnt ist, da User mit Netbooks beispielsweise nur am scrollen wären.

      Genau das habe ich gemacht! Mein CSS hat NUR prozentuale Angaben und ich habe nicht einmal absolute verwendet!

      Ich habe mal was von einer kompletten "body-tabelle" gehoert, weiss aber nicht, wie ich das nun anstellen soll...

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Webseite fuer ALLE Aufloesungen!

        misterunknown
        – Informationen zu den Bewertungsregeln

        Genau das habe ich gemacht! Mein CSS hat NUR prozentuale Angaben und ich habe nicht einmal absolute verwendet!

        Ich habe mal was von einer kompletten "body-tabelle" gehoert, weiss aber nicht, wie ich das nun anstellen soll...

        Das müsste man sehen, um beurteilen zu können ob du layout-technische "Fehler" drin hast, bzw. welche Optimierungen noch vorgenommen werden könnten...

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Webseite fuer ALLE Aufloesungen!

          samtey
          – Informationen zu den Bewertungsregeln

          Genau das habe ich gemacht! Mein CSS hat NUR prozentuale Angaben und ich habe nicht einmal absolute verwendet!

          Ich habe mal was von einer kompletten "body-tabelle" gehoert, weiss aber nicht, wie ich das nun anstellen soll...

          Das müsste man sehen, um beurteilen zu können ob du layout-technische "Fehler" drin hast, bzw. welche Optimierungen noch vorgenommen werden könnten...

          Was soll ich nun machen?

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. Webseite fuer ALLE Aufloesungen!

            MudGuard Homepage des Autors
            – Informationen zu den Bewertungsregeln

            Hi,

            Das müsste man sehen,
            Was soll ich nun machen?

            Zeigen???

            cu,
            Andreas

            --
            Warum nennt sich Andreas hier MudGuard?
            O o ostern ...
            Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

            1. Webseite fuer ALLE Aufloesungen!

              samtey
              – Informationen zu den Bewertungsregeln

              Hi,

              Das müsste man sehen,
              Was soll ich nun machen?

              Zeigen???

              cu,
              Andreas

              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">  
  
<html>  
  
<head>  
<title>Samtey's Blog - Startseite</title>  
  
<style type="text/css">  
  
a:link { font-weight:bold; color:#0000FF; }  
a:visited { font-weight:bold; color:#500f0f; }  
a:focus { font-weight:bold; color:#003300; }  
a:hover { font-weight:bold; color:purple; background-color: silver;}  
a:active { font-weight:bold; color:#FF6600; }  
  
  
#site 	{  
			  
			margin-left: 20%;  
			margin-right: 20%;  
			border: solid white 1px;  
			background-color: black;  
			margin-top: 1%;  
		}	  
		  
		body	{  
			font-family: Haettenschweiler;  
			color:#6270f0;  
			background-color: grey;  
  
		}	  
		  
#borderpic  
		{  
			  
			  
			margin-left: 15%;  
			margin-right: 15%;  
			margin-top: 0.3%;  
			margin-bottom: 6.4%;  
			  
					  
		}	  
  
			#footer { clear: both; text-align: right; font-size: 80%;  border: none;}  
				  
				  
  
							  
h1		{  
			text-align: center;  
			font-family: BIRTH OF A HERO;  
			font-size: 250%;  
		}  
		  
h2		{  
			text-align: center;  
			font-family: BIRTH OF A HERO;  
			font-size: 150%;  
			clear: left;  
		}		  
				  
h1:hover { background-color: silver; margin-left: 20%; margin-right: 20%;}					  
				  
				  
				  
#main  
	{  
		float: left;  
		margin-left: 10%;  
		margin-right: 10%;  
		border: none;  
		  
		width: 44%;  
		font-size: 120%;  
			  
	}	  
	  
	p { margin: 0 0 0 0; }  
  
  
	  
	#boxl {  
		/*background-color: #62692a;*/  
		float: left;  
		clear: left;  
		margin-left: 0.5%;  
		margin-right: 0.5%;  
		  
		width: 15%;  
		color: black;  
		  
		font-weight: bold;  
		font-family: BIRTH OF A HERO;  
		}  
	  
	#boxr {  
		  
			float: right;  
			margin-left: 1%;  
			margin-right: 1%;  
			width: 15%;  
			color: black;  
			  
			font-weight: bold;  
			font-family: BIRTH OF A HERO;  
		}  
		  
#boxueberschrift	{  
					text-align: center;  
					font-weight: bold;  
					font-style: italic;  
					font-size: 130%;  
					color: #6270f0;  
					}		  
					  
#leiste	{  
  
		margin:0%;  
		width: 99.5%;  
		  
		}  
		  
#lastpart	{  
			clear:left;  
			  
			}  
			  
  
			  
		  
		  
</style>  
  
</head>  
  
<body>  
<div id="site">  
  
<div id="borderpic">  
<p id="main">Hier wuerde ein Bild hinkommen...und je groesser das Bild, desto groesser der BORDER!  
BORDER!</p>  
</div>  
  
<div id="leiste">  
	  
<div id="main">  
Versucht hier mal kleine Bilder hintereinander zu setzen, dann versucht es in anderen Aufloesungen!  
</div>  
		  
  
	  
</div>  
  
<h1>ueberschrift</h1>	  
	<div id="boxl">  
	<div id="boxueberschrift">  
	Bekannte Links:  
	</div>  
	<ul>  
	  
		<li><a href="http://www.google.de">Google</a></li>  
		<li><a href="http://www.yahoo.de">Yahoo</a></li>  
		<li><a href="http://www.facebook.de">Facebook</a></li>  
		<li><a href="http://www.twitter.de">Twitter</a></li>  
	</ul>	  
		  
</div>  
  
  
  
<div id="main">  
text haupttexthaupttexthaupttexthaupttexthaupttexthaupttexthaupttexthaupttexthaupttexthaupttexthaupttexthaupttexthaupttexthaupttexthaupttexthaupttext  
</div>  
  
	<div id="boxr">  
	<div id="boxueberschrift">  
	Blog-Navigation:  
	</div>  
	<ul>  
	  
		<li><a href="hier wuerde ein bild sein">Startseite</a></li>  
	</ul>	  
		  
</div>  
  
<div id="lastpart">  
<hr>  
</div>  
  
  
<div id="footer">  
<p>&copy;</p>  
  
</div>  
  
  
  
</div>  
  
  
</body>  
  
</html>

              Infos wurden rausgenommen, ihr koennt euch aber alles gut vorstellen... schade, dass ich das nicht mit den Bildern zeigen konnte, die sind ja auf meiner lokalen Festplatte...

              Beitrag melden
              –
              Informationen zu den Bewertungsregeln

              1. Webseite fuer ALLE Aufloesungen!

                misterunknown
                – Informationen zu den Bewertungsregeln

                Wie groß ist denn die Seite insgesamt? Wenn das in ein maximal 20MB großes ZIP oder RAR-Archiv passt, und du mir das per Mail (dickert.marco@googlemail.com) schickst, dann hoste ich die Seite mal temporär.

                Beitrag melden
                –
                Informationen zu den Bewertungsregeln