[CSS] Rahmen nicht da wo er sein sollte

The User

Es klappt ja jetzt 100%ig!
Kannst natürlich noch deine Lieblings-Schriften angeben, aber so ist es ja vollkommen Sozialverträglich.

yeti66

Dodo,

da mir Dein Quelltext zu unübersichtlich war und viel unnötigen Code enthielt habe ich mal eben ein Beispiel in Deinem Design zur Ansicht gemacht, damit Du es mit Deinem Code vergleichen kannst. Die DSL Anschlüsse sind zwar heute schnell, aber deshalb sollte man nicht zu großzügig im Quellcode sein. Weniger ist oft mehr. Wichtig! die Lösung für Dein Konterfei.....usw.

HTML

<!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=iso-8859-1" />
<title>Dodos Homepage - Dominik Dopplinger - Meine Projekte, Meine Spiele, Mein Leben</title>
<meta name="robots" content="INDEX,FOLLOW" />
<meta name="copyright" content="Dominik Dopplinger" />
<meta name="language" content="de,Deutsch" />
<meta name="author" content="Dominik Dopplinger" />
<meta name="description" content="Die Homepage von Dominik Dopplinger alias Dodo. Meine Projekte, Meine Spiele, Mein Leben" />
<meta name="abstract" content="Die Homepage von Dominik Dopplinger alias Dodo. Meine Projekte, Meine Spiele, Mein Leben" />
<meta name="keywords" content="Dominik Dopplinger,Dodo,Todesdodo,Webdesign,Programmierung,Spieleentwicklung,gratis Spiele,Games" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<link rel="shortcut icon" type="image/x-icon" href="img/ico/favicon.ico" />
<script type="text/javascript" src="js/languages/de.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<script type="text/javascript">
      var server_jahr = 2008;
      var server_monat = 4;
      var server_tag = 29;
      var server_stunde = 9;
      var server_minute = 56;
      var server_sekunde = 20;
      var server_ding = 30;
      setInterval('serverzeit()',1000);
    </script>
    <style type="text/css">
/* CSS Document */
html, body {margin: 0;padding: 0;}
body {background: #333 url(http://godmaster.go.funpic.de/Dodos-Homepage/img/backs/html.png) repeat;color: #eee;
font-family: Verdana, Helvetica, sans-serif;padding:3px 0px 0px;text-align: center;}
/* Die Container */
#wrapper {position: relative;text-align: left; width:770px; margin:0 auto;background: #333 url(http://godmaster.go.funpic.de/Dodos-Homepage/img/backs/alles.png);border: 1px solid #fff}
#header {height:130px; width:770px; background: #333333 url(http://godmaster.go.funpic.de/Dodos-Homepage/img/banner.png) no-repeat;}
#content {color: #fff;padding: 20px 50px 20px 50px;}
#footer {background-color: #036;color: #fff;border-top: 1px solid #fff;padding: 5px;text-align: center;font-size:10px;}
#footer a{ text-decoration:none; color:#fff;}
/*Navigation horizontal*/
#menue{border-bottom: 1px solid #fff;border-top: 1px solid #fff;}
#menue ul{text-align: center;background-color: #036; padding: 0;margin: 0;color: white;width: 100%;font-family: Arial,Helvetica,sans-serif;line-height: 18px;}
#menue ul li{display: inline;padding-left: 0;padding-right: 0;}
#menue ul li a{padding-left: 10px;padding-right: 10px;color: white;text-decoration: none;border-right: 1px solid #fff;}
#menue ul li a:hover{background-color: #369;color: white;}
#menue#active { border-left: 1px solid #fff; }
/*Nav-Ende*/
#konterfei{ padding:20px;border:1px solid  #999;background: #ccc;float:right;}
</style>


</head>
<body>
<div id="wrapper">
  <div id="header"></div>
  <div id="menue">
    <ul>
      [*][url='home.html']Home[/url]
      [*][url='ueber_mich.html']&Uuml;ber mich[/url]
      [*][url='projekte.html']Projekte[/url]
      [*][url='kontakt.html']Kontakt[/url]
      [*][url='gaestebuch.html']G&auml;stebuch[/url]
      [*][url='link_me.html']Link mich[/url]
      [*][url='links.html']Links[/url]
    [/list]
  </div>
  <div id="content">
    <h1> Willkommen</h1>



[img]http://godmaster.go.funpic.de/Dodos-Homepage/img/pics/5_4_08.jpg[/img] Meine Name ist Dominik Dopplinger und ich freue mich, meine Besucher hier auf &quot;Dodos Homepage&quot; begr&uuml;&szlig;en zu d&uuml;rfen. Die Homepage wird haupts&auml;chlich zur Ver&ouml;ffentlichung und Bekanntmachung meiner Projekte (und vor allem Spiele) genutzt. Ich hoffe meine Spiele gefallen den meisten Menschen und sorgen f&uuml;r eine vergn&uuml;gliche Zeit. Es steckt echt eine Menge Arbeit in dieser Homepage und meinen Spiele und so einige Stunden damit verbracht alles m&ouml;glicht professionell zu gestalten und entwickeln. Ich w&uuml;rde mich auch &uuml;ber einen Eintrag in meinem G&auml;stebuch freuen.</p>



 [url='#top']Seitenanfang[/url]</p>
  </div>

  <div id="footer">



Dodos Homepage - &copy; 2008 by Dominik Dopplinger | [url='impressum.html']Impressum[/url] | <span id="serverzeit">29.04.2008 - 9:56:20</span> | 42. Besucher </p>
  </div>
</div>


</body>
</html>

Alles anzeigen

Sport-Tipps

wegen den schriftarten.
The User
auch wenn es dumm ist normale zu verwenden, diese normalen haben eben alle, schauen vielleicht nicht so stylisch aus, doch es geht ja um den Content..

Als Alternativschriftart würd ich auf jedenfall noch Verdana empfehlen.
lg

Dodo

yeti66, ich bin auch ein Feind von übermäßig viel text, aber es war nötig um das aktuelle design zu setzen

Sport-Tipps, gute idee, werd ich noch dazu geben

Sport-Tipps

Dodo

und ich würd noch deinen header ändern, diese Schrift ist so grell, auch wenns eine private und keine professionelle page ist tut einem da das auge weh. Und heller würd ichs auch machen, sau viel drin in der Page..

Dodo

Sport-Tipps, jo ich mach lokal grad ein rot-weißes farbschema mit nem neuen banner und vergleich dann mal

Und Inhalt kommt auch noch mehr rein^^

Tags