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

Fenster automaitsch anpassen

AMKWW

Neues Mitglied
So ich habe das problem das ich die folgende seite im I-explorer 8 wunderbar an die seite angepasst habe nur im Mozilla und älteren iexplorerversionen oder anderen browserprogrammen nur klein angezeigt wird.

Da ich mich nur seeeehr seeehr wenig mit html auskenne steh ich da vor einem problem das ich nicht selbst lösen kann.

Hab schon die SuFu und google benutzt aber nix gefunden was passend wäre vielleicht kann mir einer helfen.

Ineturl: Friends Homepage

Html-code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Home made by Thewitch</title>
<meta name="Friends" content="" />
<meta name="Friends" content="" />
<link href="default.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<!-- start header -->
<div id="header">
<div id="logo">
<h1><img src="http://www.html.de/images/Logo.jpg" width="130" height="83" alt="" border="0" /><a href="#">Friends</a></h1>
</div>
<div id="menu">
<ul id="main">
<li class="current_page_item"><a href="http://friendsgilde.fr.funpic.de/index.html">Home</a></li>
<li><a href="http://friendsgilde.fr.funpic.de/Gildenbeschreibung.html">Gildenbeschreibung</a></li>
<li><a href="http://friendsgilde.fr.funpic.de/Gildenregeln.html">Gildenregeln</a></li>
<li><a href="http://friendsgilde.fr.funpic.de/Das%20spiel.html">Das Spiel</a></li>
<li><a href="http://friendsgilde.fr.funpic.de/Chat.html">Chat</a></li>
<li><a href="http://friendsgilde.fr.funpic.de/Forum.html">Forum</a></li>
</ul>
</div>
</div>
<!-- end header -->
<div id="wrapper">
<!-- start page -->
<div id="page">
<div id="sidebar1" class="sidebar">
<img src="http://www.html.de/images/FriendsWappen.JPG" width="132" height="352" alt="Gildenwappen der Friends" border="0" class="left" />
</div>
<!-- start content -->
<div id="content">
<div class="post">
<h1 class="title"><a href="#">Willkommen auf unserer neuen Homepage</a></h1>
<p class="byline"><small>Posted on März 19st, 2009 by <a href="#">Manofchaos</a></small></p>
<div class="entry">
<p><strong>Die Gilde Friends</strong> <small>begrüßt euch auf der neuen Homepage</small></p>
</div>
</div>
<div class="post">
<h1 class="title"><a href="#">Gildentoplist auf www.drachenreiter.com</a></h1>
<p class="byline"><small>Posted on März 21st, 2009 by <a href="#">Thewitch</a></small></p>
<div class="entry">
<p><strong><a href="http://rom-toplist.diedrachenreiter.com/"><img src="http://rom-toplist.diedrachenreiter.com/button.php?u=Thewitch" alt="Runes of Magic Gilden Toplist" border="0" /></a></strong> <small>Bitte votet für uns</small></p>
</div>
</div>
</div>
<!-- end content -->
<!-- start sidebars -->
<div id="sidebar2" class="sidebar">
<img class="right" src="http://www.html.de/images/FriendsWappen.JPG" width="132" height="352" alt="Gildenwappen der Friends" border="0" />
</div>
<!-- end sidebars -->
<div style="clear: both;">&nbsp;</div>
</div>
<!-- end page -->
</div>
</body>
</html>
hoffe ihr könnt mir sagen wo ich da was verändern muss um die seite egal welchen browser auf 100% an das browserfenster anzupassen ohne das ich da jedesmal was ändern muss ggg
 
Du hast z.B. #page und #header eine Breite von 1000px gegeben. Wenn Du diese Breite weglässt, werden sich diese Block-Elemente auf die gesamte Breite des Viewports ausdehnen. Das hat aber eigentlich nichts mit dem Browser zu tun.
 
sooo habs gefunden voll nicht drangedacht das es ja ne css datei gibt...jaja wer lesen kann....jetzt hab ich die breite weggelassen kein effekt....hab ich mir gedacht gib mal 100% ein kein effekt was nu sprach zeus?
 
Zuletzt bearbeitet:
hab sogar mal nen screenshot eingefügt damit ihr sehen könnt das ich mir das nicht einfach so ausdenke ggg

um links und rechts den rand geht es und ist auch nur bei der startseite so

homepage_im_bild_253.jpg
 
Installier Dir Firebug und guck Dir die einzelnen Elemente an.

div#header z.B. hat immer noch eine feste Breite von 1000px. Genauso wie div#page. Wenn Du das raus nimmst, erstreckt sich alles über die komplette Breite des Viewports.
 
Installier Dir Firebug und guck Dir die einzelnen Elemente an.

div#header z.B. hat immer noch eine feste Breite von 1000px. Genauso wie div#page. Wenn Du das raus nimmst, erstreckt sich alles über die komplette Breite des Viewports.
ich muss doch die .css im editor von windows öffnen und da ändern oder bin ich zu doof dazu ggg
hab das da geändert und dann abgespeichert und dann mit hochgeladen.
 
Wenn Du Dir das Plugin "Firebug" für den Firefox installierst, kannst Du Stylesheets sogar online ändern.

Die entsprechenden Größenangaben stehen im default.css (Zeilen 59 und 150). Die nimmst Du raus, speicherst das Stylesheet wieder ab und lädst es dann wieder hoch (alles natürlich im richtigen Verzeichnis, liegt im DOCUMENT_ROOT).

Dann die Seite neu laden und schon sollte es funktionieren.
 
Zurück
Oben