✔ Feste Breite einer Seite bestimmen

Status
Nicht offen für weitere Antworten.
son gohan

son gohan

Erfahrenes Mitglied
Hallo, ich habe eine Seite mit CSS und div Tags erstellt. Wenn man die das Fenster zusammenzieht auf ca. 830 px dann zerstört es mir das Design, weil dann in der Mitte eine komplettes div Tag mit Tabelle drin nach unten weckrutsch.

Das Problem könnte man gabz einfach lösen in dem man die Seite bei 830 px dazu bringt nicht weiter zusammen zu fallen, bei meinen alten Seiten mit Tabellen Design war das ganz einfach, entweder habe ich ein gif Bild genommen in der gewünschten Breite und es im Hintergrund getan oder ich habe der Tabelle ein feste Größe gegeben und damit hat es dann auch immer geklappt. Die Seiten sind dann ab einer bestimmten Grüße nicht mehr zusammen gefallen.

Bei meiner CSS Seite mit div Tags ist das ein bisjen Schwieriger, dem mittleren div Tag kann ich nicht einfach eine feste größe geben, weil es sich vergrößern können muss.

Ich muss irgendein Trick anwenden, bei dem koplette Seite ab 830 px nicht mehr zusammen fällt.

Hier ein Auszug aus der Seite:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Home</title>
<style type="text/css">
<!--
body
{
padding: 0px;
margin: 0px;
background: #efefef;
color: #000000;
font-family: verdana, sans-serif;
font-size: 12px;
background-image: url(gif/b3.gif);
scrollbar-face-color:#FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#000000;
}
#head_left
{
float: left;
height: 100px;
width: 86%;
background-image: url(jpg/palmen2.jpg);
}
#head_right
{
float: right;
height: 100px;
width: 14%;
background-image: url(jpg/wueste2.jpg);
}
#topmenu ul
{
clear: left;
clear: right;
padding: .1em 0;
margin: 0px;
padding-left: 20px;
list-style-type: none;
background-color: #4BCD52;
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #000000;
}
#topmenu li
{
background-color: #4BCD52;
list-style-type: none;
display: inline;
}
#topmenu li a
{
text-decoration: none;
color: #000000;
font-weight: bold;
margin-left: 20px;
padding: 1px 10px;
}
#topmenu li a:hover
{
background-color: #007F00;
color: #ffffff;
margin-left: 20px;
padding: 1px 10px;
}
#leftmenu
{
float: left;
width: 60px;
margin: 0px;
padding: 0px;
border: 2px solid #4BCD52;
border-top: 0px;
background-color: #ffffff;
}
#leftmenu a
{
display: block;
margin: 3px;
padding-top:20px;
}
#content
{
width: auto;
height: 100%;
padding: 0px;
margin: 0px 193px 20px 74px;
border: 1px solid #006699;
background-image: url(gif/b3.gif);
text-align: center;
}
 
/* EDIT.LOG 20050107_20:21 - START */
 
#content div.partner
{
text-align: left;
font-family: arial;
font-size: 13px;
color:#000000;
text-decoration: none;
}
.partner a
{
text-align: left;
font-family: arial;
font-size: 13px;
color:#000000;
text-decoration: none;
}
.partner a:hover
{
text-align: left;
font-family: arial;
font-size: 13px;
color:#000000;
text-decoration: underline;
}
 
/* EDIT.LOG 20050107_20:32 - END */
 
#rightmenu
{
float: right;
width: 180px;
margin: 0px;
padding: 0px;
background-color: #4BCD52;
text-align: right;
}
#rightmenu a
{
width: 180px;
display: block;
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #000000;
background-color: #4BCD52;
border-bottom: 1px solid #FFFFFF;
text-align: right;
padding: 5px 0px;
}
#rightmenu a:link, #rightmenu a:visited
{
text-decoration: none;
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #000000;
background-color: #4BCD52;
border-bottom: 1px solid #FFFFFF;
text-align: right;
padding: 5px 0px;
}
#rightmenu a:link.active, #rightmenu a:visited.active
{
text-decoration: none;
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #005F00;
border-bottom: 1px solid #FFFFFF;
text-align: right;
}
 
#rightmenu a:hover
{
text-decoration: none;
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #007F00;
border-bottom: 1px solid #FFFFFF;
text-align: right;
}
 
.text
{
text-align: left;
font-family: arial;
font-size: 13px;
color:#000000;
text-decoration: none;
}
 
.unten
{
text-align: left;
font-family: arial;
font-size: 12px;
text-align:center;
color:#000000;
text-decoration: none;
}
.unten a:hover
{
clear:left;
clear:right;
text-align: left;
font-family: arial;
font-size: 12px;
text-align:center;
color:#000000;
text-decoration: underline;
}
.oben
{
float:left;
font-family: arial;
font-size: 12px;
text-align:center;
color:#000000;
text-decoration: none;
}
.oben a:hover
{
font-family: arial;
font-size: 12px;
text-align:center;
color:#000000;
text-decoration: underline;
}
.rechts
{
float:right;
font-family: arial;
font-size: 12px;
text-align:center;
color:#000000;
text-decoration: none;
}
.rechts a
{
font-family: arial;
font-size: 12px;
text-align:center;
color:#000000;
text-decoration: underline;
}
.rechts a:active
{
font-family: arial;
font-size: 12px;
text-align:center;
color:#DF0000;
text-decoration: none;
}
.rechts a:hover
{
font-family: arial;
font-size: 12px;
text-align:center;
color:#DF0000;
text-decoration: underline;
}
.naviaktuell
{
font-family: arial;
font-size: 12px;
text-align:center;
color:#DF0000;
text-decoration: none;
}
.preis
{
font-family: arial;
font-size: 13px;
text-align:center;
color:#DF0000;
font-weight:bold;
text-decoration: none;
}
.links
{
text-align:left;
}
-->
</style>
 
</head>
<body style="background-image: url(gif/b3.gif);">
<div id="head_left">
<div style="font-family:arial; font-size:18px; font-weight: bold; color: #FFFFFF; padding-left: 10px; padding-top:10px;">z</div>
<div style="font-family:arial; font-size:14px; font-weight: bold; color: #FFFFFF; padding-left: 10px;">!</div>
</div>
<div id="head_right">&nbsp;</div>
<div id="topmenu">
<ul>
<li style="padding-left:20px;"><a href="a1.html" onfocus="if(this.blur)this.blur()">e</a></li>
<li><a href="er.html" onfocus="if(this.blur)this.blur()">er</a></li>
<li><a href="ex.html" onfocus="if(this.blur)this.blur()">ex</a></li>
<li><a href="b.html" onfocus="if(this.blur)this.blur()">b</a></li>
<li><a href="m.html" onfocus="if(this.blur)this.blur()">m</a></li>
</ul>
</div>
 
 
<div id="leftmenu">
<a href="y.html" onfocus="if(this.blur)this.blur()"> <img src="jpg/beauty2.jpg" width="50" height="40" border="0" alt="s"> </a>
<a href="er.html" onfocus="if(this.blur)this.blur()"><img src="jpg/bucher2.jpg" width="50" height="40" border="0" alt="er"> </a>
<a href="er.html" onfocus="if(this.blur)this.blur()"><img src="jpg/bucher2.jpg" width="50" height="40" border="0" alt="er"> </a>
<a href="o.html" onfocus="if(this.blur)this.blur()"> <img src="jpg/auto2.jpg" width="50" height="40" border="0" alt="o"></a>
<a href="y.html" onfocus="if(this.blur)this.blur()"> <img src="jpg/beauty2.jpg" width="50" height="40" border="0" alt="s"> </a>
<a href="er.html" onfocus="if(this.blur)this.blur()"><img src="jpg/bucher2.jpg" width="50" height="40" border="0" alt="er"> </a>
<a href="er.html" onfocus="if(this.blur)this.blur()"><img src="jpg/bucher2.jpg" width="50" height="40" border="0" alt="er"> </a>
<a href="o.html" onfocus="if(this.blur)this.blur()"> <img src="jpg/auto2.jpg" width="50" height="40" border="0" alt="o"></a>
<a href="y.html" onfocus="if(this.blur)this.blur()"> <img src="jpg/beauty2.jpg" width="50" height="40" border="0" alt="s"> </a>
<a href="er.html" onfocus="if(this.blur)this.blur()"><img src="jpg/bucher2.jpg" width="50" height="40" border="0" alt="er"> </a>
<a href="o.html" onfocus="if(this.blur)this.blur()"> <img src="jpg/auto2.jpg" width="50" height="40" border="0" alt="o"></a>
<a href="y.html" onfocus="if(this.blur)this.blur()"> <img src="jpg/beauty2.jpg" width="50" height="40" border="0" alt="s"> </a>
<a href="er.html" onfocus="if(this.blur)this.blur()"><img src="jpg/bucher2.jpg" width="50" height="40" border="0" alt="er"> </a>
</div>
 
<div id="rightmenu">
<a style="border-top:1px solid #FFFFFF;" href="o.html" onfocus="if(this.blur)this.blur()">o </a>
<a href="b.html" onfocus="if(this.blur)this.blur()">ss</a>
<a href="br.html" onfocus="if(this.blur)this.blur()"> B</a>
<a href="p.html" onfocus="if(this.blur)this.blur()"> Co</a>
<a href="s.html" onfocus="if(this.blur)this.blur()"> D</a>
<a href="b.html" onfocus="if(this.blur)this.blur()">ss</a>
<a href="br.html" onfocus="if(this.blur)this.blur()"> B</a>
<a href="p.html" onfocus="if(this.blur)this.blur()"> Co</a>
<a href="s.html" onfocus="if(this.blur)this.blur()"> D</a>
<a href="b.html" onfocus="if(this.blur)this.blur()">ss</a>
<a href="br.html" onfocus="if(this.blur)this.blur()"> B</a>
<a href="p.html" onfocus="if(this.blur)this.blur()"> Co</a>
<a href="s.html" onfocus="if(this.blur)this.blur()"> D</a>
</div>
 
<div id="content">
<h3>Home </h3>
 
<table cellpadding="5" border="1" align="center" cellspacing="10" class="text">
<tr>
<td valign="top" width="50%">
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
 
<p>&nbsp;</p>
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
 
<p>&nbsp;</p>
 
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
 
<p>&nbsp;</p>
 
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
 
<p>&nbsp;</p>
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
 
</td>
<td valign="top" width="50%">
 
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
 
<p>&nbsp;</p>
 
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
 
<p>&nbsp;</p>
 
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
 
<p>&nbsp;</p>
 
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
 
<p>&nbsp;</p>
 
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
 
<p>&nbsp;</p>
 
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
 
</td>
</tr>
</table>
 
<div align="left">&nbsp;</div>
<span class="oben"><a class="oben" href="#oben">&uarr; Zurück nach oben</a></span>
<span class="rechts"><a href="a1.html">‹‹ Zurück</a> | <a href="a1.html">1</a> | <span class="naviaktuell">2</span> | <a href="">3</a> | <a href="">4</a> | <a href="">5</a> | <a href="a3.html">Weiter ››</a></span>
<br style="clear:left; clear:right;">
<div align="left">&nbsp;</div>
 
<div class="unten" align="center"><img src="gif/strich.gif" width="410" height="2" border="0" alt="">
<div class="unten" align="center"><img src="gif/strich.gif" width="510" height="2" border="0" alt=""><br><a class="unten" href="impressum.html">Impreesum</a> :: <a class="unten" href="kontakt.html">Kontakt</a></div>
 
 
</div> <!-- END #content -->
 
</body>
</html>

gruß
feh
:)
 
Hallo!

Wirf mal einen Blick auf die JavaScript-Funktionen onResize() und resizeTo() (in SelfHTML sind recht gute Erklärungen zu finden).

Sollte die Fenstergröße geändert werden, überprüft du in einer Funktion, ob das Fenster noch die Mindestgröße hat, wenn nicht, änderst du die Fenstergröße mit resizeTo().

lg D;-]c
 
Naja, so weit ich mich da auskenne - nein! :p

Ich weiß ja nicht, welche Sprachen du da so beherrscht, aber mit PHP oder einer anderen serverseitigen Sprache ist es nicht möglich, und mit HMTL oder CSS kannst du die Größe der Seite zwar zu Beginn festlegen, hast aber dann keine Möglichkeit mehr, eine Änderung zu beeinflussen.
Es wird dir wohl nichts anderes übrig bleiben, als JavaScript zu verwenden! ;)
(und ganz nebenbei, JavaScript ist nicht wirklich schwer zu verstehen bzw zu erlernen!)

lg D;-]c
 
Hallo Feh,

da die Hauptbereiche (DIVs) der Demo-Seite mit der CSS-Eigenschaft float: ausgestattet sind, ist es völlig normal und die logische Konsequenz, dass sie den horizontalen Textfluss 'umbrechen', sobald der benötigte Platz im Browserfenster unterschritten wird.
Ich muss irgendein Trick anwenden, bei dem koplette Seite ab 830 px nicht mehr zusammen fällt.
Zum Vergrößern anklicken....
Ich kenne keinen Trick, auch nicht im JavaScripting - ausser auf die vielen floatenden DIVs zu verzichten.

Entweder ist die Breite des umgebenden DIVs dynamisch (width:auto ) und die darin floatenden DIVs reagieren auf das Verändern der Fenstergrösse, oder das umgebende DIV hat eine feste Breite.


greez, maik.l


[editpost 10:07]
btw, dein geposteter Source-Code stammt doch aus meiner Feder für dein zweites Webprojekt.
 
Zuletzt bearbeitet von einem Moderator:
Hallo DrOverflow,

der einzige Browser, der m.E. die Eigenschaft "min-width" nicht unterstützt, ist der Internet Explorer. Ich halte es deshalb für sehr empfehlenswert "min-width" standardmäßig zu verwenden und dann nur dem IE eine "Gehhilfe" (dtsch. Wort für workaround) z.B. mit JavaScript zu verpassen.
 
Hallo hela,

glaub ich kaum, dass nur der IE diese CSS-Eigenschaft nicht darstellen kann
(siehe Link von Gumbo).

Aber egal, ich würd dir zustimmen, "min-width" zu verwenden, und für alle anderen Browser das workaround einzubauen!
(@ feh: Du wirst also nicht so ganz ohne JavaScript auskommen :D)

lg D;-]c
 
Hallo, ich habe ein Lösung gefunden, aber gefallen tut Sie mir eigentlich nicht so gut. Mit einer Tabelle width="100%" am Anfang des leftmenüs und einem img mit 830 px breite, verhält sich alles im grünen Bereich. Das nenn ich mal einen richtigen Trick. ;-)

Aber leider gefällt mir die Lösung nicht, weil damit der Inhalt unter dem topmenü alles in einer Tabelle ist. Die Tabelle ist eigentlich ziemlich billig mit nur einer Spalte, aber da ich über Tabellen Layouts jetzt schon so viel negatives gelesen habe, bin ich nicht zufrieden.

Wer kann mich mal beraten dazu. Hier der Code nochmal:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Home</title>
<style type="text/css">
<!--
body
{
padding: 0px;
margin: 0px;
background: #efefef;
color: #000000;
font-family: verdana, sans-serif;
font-size: 12px;
background-image: url(gif/b3.gif);
scrollbar-face-color:#FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#000000;
}
#head_left
{
float: left;
height: 100px;
width: 86%;
background-image: url(jpg/palmen2.jpg);
}
#head_right
{
float: right;
height: 100px;
width: 14%;
background-image: url(jpg/wueste2.jpg);
}
#topmenu ul
{
clear: left;
clear: right;
padding: .1em 0;
margin: 0px;
padding-left: 20px;
list-style-type: none;
background-color: #4BCD52;
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #000000;
}
#topmenu li
{
background-color: #4BCD52;
list-style-type: none;
display: inline;
}
#topmenu li a
{
text-decoration: none;
color: #000000;
font-weight: bold;
margin-left: 20px;
padding: 1px 10px;
}
#topmenu li a:hover
{
background-color: #007F00;
color: #ffffff;
margin-left: 20px;
padding: 1px 10px;
}
#leftmenu
{
float: left;
width: 60px;
margin: 0px;
padding: 0px;
border: 2px solid #4BCD52;
border-top: 0px;
background-color: #ffffff;
}
#leftmenu a
{
display: block;
margin: 3px;
padding-top:20px;
}
#content
{
width: auto;
height: 100%;
padding: 0px;
margin: 0px 193px 20px 74px;
border: 1px solid #006699;
background-image: url(gif/b3.gif);
text-align: center;
}
 
/* EDIT.LOG 20050107_20:21 - START */
 
#content div.partner
{
text-align: left;
font-family: arial;
font-size: 13px;
color:#000000;
text-decoration: none;
}
.partner a
{
text-align: left;
font-family: arial;
font-size: 13px;
color:#000000;
text-decoration: none;
}
.partner a:hover
{
text-align: left;
font-family: arial;
font-size: 13px;
color:#000000;
text-decoration: underline;
}
 
/* EDIT.LOG 20050107_20:32 - END */
 
#rightmenu
{
float: right;
width: 180px;
margin: 0px;
padding: 0px;
background-color: #4BCD52;
text-align: right;
}
#rightmenu a
{
width: 180px;
display: block;
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #000000;
background-color: #4BCD52;
border-bottom: 1px solid #FFFFFF;
text-align: right;
padding: 5px 0px;
}
#rightmenu a:link, #rightmenu a:visited
{
text-decoration: none;
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #000000;
background-color: #4BCD52;
border-bottom: 1px solid #FFFFFF;
text-align: right;
padding: 5px 0px;
}
#rightmenu a:link.active, #rightmenu a:visited.active
{
text-decoration: none;
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #005F00;
border-bottom: 1px solid #FFFFFF;
text-align: right;
}
 
#rightmenu a:hover
{
text-decoration: none;
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #007F00;
border-bottom: 1px solid #FFFFFF;
text-align: right;
}
 
.text
{
text-align: left;
font-family: arial;
font-size: 13px;
color:#000000;
text-decoration: none;
}
 
.unten
{
text-align: left;
font-family: arial;
font-size: 12px;
text-align:center;
color:#000000;
text-decoration: none;
}
.unten a:hover
{
clear:left;
clear:right;
text-align: left;
font-family: arial;
font-size: 12px;
text-align:center;
color:#000000;
text-decoration: underline;
}
.oben
{
float:left;
font-family: arial;
font-size: 12px;
text-align:center;
color:#000000;
text-decoration: none;
}
.oben a:hover
{
font-family: arial;
font-size: 12px;
text-align:center;
color:#000000;
text-decoration: underline;
}
.rechts
{
float:right;
font-family: arial;
font-size: 12px;
text-align:center;
color:#000000;
text-decoration: none;
}
.rechts a
{
font-family: arial;
font-size: 12px;
text-align:center;
color:#000000;
text-decoration: underline;
}
.rechts a:active
{
font-family: arial;
font-size: 12px;
text-align:center;
color:#DF0000;
text-decoration: none;
}
.rechts a:hover
{
font-family: arial;
font-size: 12px;
text-align:center;
color:#DF0000;
text-decoration: underline;
}
.naviaktuell
{
font-family: arial;
font-size: 12px;
text-align:center;
color:#DF0000;
text-decoration: none;
}
.preis
{
font-family: arial;
font-size: 13px;
text-align:center;
color:#DF0000;
font-weight:bold;
text-decoration: none;
}
.links
{
text-align:left;
}
-->
</style>
</head>
<body style="background-image: url(gif/b3.gif);">
<div id="head_left">
<div style="font-family:arial; font-size:18px; font-weight: bold; color: #FFFFFF; padding-left: 10px; padding-top:10px;">z</div>
<div style="font-family:arial; font-size:14px; font-weight: bold; color: #FFFFFF; padding-left: 10px;">!</div>
</div>
<div id="head_right">&nbsp;</div>
<div id="topmenu">
<ul>
<li style="padding-left:20px;"><a href="a1.html" onfocus="if(this.blur)this.blur()">e</a></li>
<li><a href="er.html" onfocus="if(this.blur)this.blur()">er</a></li>
<li><a href="ex.html" onfocus="if(this.blur)this.blur()">ex</a></li>
<li><a href="b.html" onfocus="if(this.blur)this.blur()">b</a></li>
<li><a href="m.html" onfocus="if(this.blur)this.blur()">m</a></li>
</ul>
</div>
<table width="100%" cellpadding="0" cellspacing="0" >
<tr>
<td>
 
<div id="leftmenu">
<a href="y.html" onfocus="if(this.blur)this.blur()"> <img src="jpg/beauty2.jpg" width="50" height="40" border="0" alt="s"> </a>
<a href="er.html" onfocus="if(this.blur)this.blur()"><img src="jpg/bucher2.jpg" width="50" height="40" border="0" alt="er"> </a>
<a href="er.html" onfocus="if(this.blur)this.blur()"><img src="jpg/bucher2.jpg" width="50" height="40" border="0" alt="er"> </a>
<a href="o.html" onfocus="if(this.blur)this.blur()"> <img src="jpg/auto2.jpg" width="50" height="40" border="0" alt="o"></a>
<a href="y.html" onfocus="if(this.blur)this.blur()"> <img src="jpg/beauty2.jpg" width="50" height="40" border="0" alt="s"> </a>
<a href="er.html" onfocus="if(this.blur)this.blur()"><img src="jpg/bucher2.jpg" width="50" height="40" border="0" alt="er"> </a>
<a href="er.html" onfocus="if(this.blur)this.blur()"><img src="jpg/bucher2.jpg" width="50" height="40" border="0" alt="er"> </a>
<a href="o.html" onfocus="if(this.blur)this.blur()"> <img src="jpg/auto2.jpg" width="50" height="40" border="0" alt="o"></a>
<a href="y.html" onfocus="if(this.blur)this.blur()"> <img src="jpg/beauty2.jpg" width="50" height="40" border="0" alt="s"> </a>
<a href="er.html" onfocus="if(this.blur)this.blur()"><img src="jpg/bucher2.jpg" width="50" height="40" border="0" alt="er"> </a>
<a href="o.html" onfocus="if(this.blur)this.blur()"> <img src="jpg/auto2.jpg" width="50" height="40" border="0" alt="o"></a>
<a href="y.html" onfocus="if(this.blur)this.blur()"> <img src="jpg/beauty2.jpg" width="50" height="40" border="0" alt="s"> </a>
<a href="er.html" onfocus="if(this.blur)this.blur()"><img src="jpg/bucher2.jpg" width="50" height="40" border="0" alt="er"> </a>
</div>
 
<div id="rightmenu">
<a style="border-top:1px solid #FFFFFF;" href="o.html" onfocus="if(this.blur)this.blur()">o </a>
<a href="b.html" onfocus="if(this.blur)this.blur()">ss</a>
<a href="br.html" onfocus="if(this.blur)this.blur()"> B</a>
<a href="p.html" onfocus="if(this.blur)this.blur()"> Co</a>
<a href="s.html" onfocus="if(this.blur)this.blur()"> D</a>
<a href="b.html" onfocus="if(this.blur)this.blur()">ss</a>
<a href="br.html" onfocus="if(this.blur)this.blur()"> B</a>
<a href="p.html" onfocus="if(this.blur)this.blur()"> Co</a>
<a href="s.html" onfocus="if(this.blur)this.blur()"> D</a>
<a href="b.html" onfocus="if(this.blur)this.blur()">ss</a>
<a href="br.html" onfocus="if(this.blur)this.blur()"> B</a>
<a href="p.html" onfocus="if(this.blur)this.blur()"> Co</a>
<a href="s.html" onfocus="if(this.blur)this.blur()"> D</a>
</div>
 
<div id="content">
<h3>Home </h3>
<table cellpadding="5" border="1" align="center" cellspacing="10" class="text">
<tr>
<td valign="top" width="50%">
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
<p>&nbsp;</p>
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
<p>&nbsp;</p>
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
<p>&nbsp;</p>
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
<p>&nbsp;</p>
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
</td>
<td valign="top" width="50%">
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
<p>&nbsp;</p>
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
<p>&nbsp;</p>
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
<p>&nbsp;</p>
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
<p>&nbsp;</p>
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
<p>&nbsp;</p>
<div><a href="f.html" target='_blank'><strong>home</strong></a></div>
 
</td>
</tr>
</table>
 
<div align="left">&nbsp;</div>
<span class="oben"><a class="oben" href="#oben">&uarr; Zurück nach oben</a></span>
<span class="rechts"><a href="a1.html">‹‹ Zurück</a> | <a href="a1.html">1</a> | <span class="naviaktuell">2</span> | <a href="">3</a> | <a href="">4</a> | <a href="">5</a> | <a href="a3.html">Weiter ››</a></span>
<br style="clear:left; clear:right;">
<div align="left">&nbsp;</div>
<div class="unten" align="center"><img src="gif/strich.gif" width="410" height="2" border="0" alt="">
<div class="unten" align="center"><img src="gif/strich.gif" width="510" height="2" border="0" alt=""><br><a class="unten" href="impressum.html">Impreesum</a> :: <a class="unten" href="kontakt.html">Kontakt</a></div>
</div>
</div> <!-- END #content -->
<img src="logo_gross.gif" width="820" height="1" border="0" alt=""> </td>
</tr>
</table>
</body>
</html>

gurß
feh
:)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück