Hallo,
ich habe folgendes Problem. Ich habe eine HP die für die Auflösung 1024x768 ausgelegt ist. Wenn ich diese Seite mit nem größeren Bildschirm öffne wiederholt sich der Hintergrund (logisch). Da ich das mit css absolut nich hinbekomme, dass er sich nicht wiederholt möchte ich jetzt, dass sich bei größeren Bildschirmen die Seite in einem neuen Fenster mit 1024x768 öffnet. Aber nur dann. Ist das möglich?
Über Eure Hilfe wär ich sehr dankbar.
du kannst doch auch einfach das bild fixen, das es sich nichtmehr bewegt und das wiederholen(repeat) dann verbieten.
dafür gibts zu in css folgendes ein:
background-attachment:fixed; /*dass das bild sich nicht verschiebt,
auch nicht beim scrollen....*/
repeat:no-repeat: //dann wiederholt es sich nicht.
das wäre mien vorschlag....kannst das bild dann ja noch einfach mittig setzten
Das hab ich schon probiert. irgendwie funzt es nicht.
das funktioniert!!!!
poste mal link
http://www.germania08rosslau.de
dann links weiter zu brigata germania
Wie wäre es, wenn du ...
<body style="background-image:url('Hintergrund2005.jpg');
background-repeat:no-repeat>noch ein paar Anführungsstriche spendierst, bevor du den Tag schließt ?
Nur mal so fragt ...
Ronald
http://www.germania08rosslau.de
dann links weiter zu brigata germania
llt. solltest das bild nicht in den hintergrund setzten, sondern mittels tabellen in die seite integrieren..
funst doch alles ???
bloß der counter sollte wohl ein stück höher sitzen.
da hast du Recht. Ich hab bloß davon absolut keinen Plan. Ganz schöne Schummelei, ich weiß
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Ultras Rosslau</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="AB9D67"><div style="position:absolute;center;top:0px;">
<table width=100%>
<tr>
<td align=center>
<table border="0" cellpadding="0" cellspacing="0">
<td height="100%">[img]oben.jpg[/img]</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="100%">[img]links2.jpg[/img] </td>
<td height="100%">[img]mitte.jpg[/img] </td>
<td height="100%">[img]rechts.jpg[/img] </td>
</tr>
</table>
</body>
</html>
Habe jetzt mal die Seite komplett mit Tabellen neu gebaut. Was ich vorher als Hintergrundbild hatte besteht jetzt aus 4 Tabellen.
Wie bekomme ich jetzt aber meine Buttons und das Fenster in der Mitte so rein, dass es auf verschiedenen Bildschirmen immer an der gleichn Stelle ist? Ich bekomme nicht mal meine Navigation hin. Muss ich dazu bei der linken Tabelle das normale Bild gegen ein Hintergrundbild ersetzen, damit ich darüber schreiben kann?
Nutze nächstes mal bitte die Forumssuche:
Danke. Das ich da jetzt schrift drüber machen kann weiß ich.
Das Problem ist aber leider komlexer.
Vorher hatte ich einfach das Hintergrundbild und dann wurde alle Elemente meiner Seiter darüber angeordnet.
<title>Tradition seit 1908</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body style="background-image:url('Hintergrund2005.jpg'); background-repeat:no-repeat>
div id="root" style="position:absolute;top:0;left:0;width:480px;height:593px">
<div style="position:absolute;left:136px;top:450px;width:64px;height:30px;">
<table width=60 height=30 border=0 cellpadding=0 cellspacing=0><tr valign="top">
<script language="JavaScript" type="text/javascript" src="http://www.x-stat.de/stat.php?id=basti_rsl2"></script> [url='http://www.x-stat.de/'][img]http://www.x-stat.de/grafik/plf.gif[/img][/url]<font size="1" color="#777777" face="Verdana">XStat.de</font>
<td>
</tr></table></div>
<div style="position:absolute;left:206;top:196;width:80;height:34;">
<table width=80 height=34 border=0 cellpadding=0 cellspacing=0><tr valign="top">
<td><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
A:link { color:white; text-decoration: none; }
A:visited { color:white; text-decoration: none; }
A:hover {color:#CC0000;text-decoration: none;}
A:active {color:#CC0000; text-decoration: none; }
//-->
</style>
</td>
</tr>
<tr>
</table>
</td>
<td width="1" "position:absolute; top:50px; left:6px;background="rechts.gif" valign="">
<div style="position:absolute; top:14px; left:54px; align="left"><iframe name="infoteil" scrolling="yes" noresize width="495" height="335"src="aktuell.htm" border="0" frameborder="0" bgcolor="black">
<font color="black" face="Verdana, Arial, Helvetica, sans-serif" size="2">Ihr
Browser unterstützt I-Frames nicht! Bitte wenden Sie sich an den
Webmaster.</font></iframe> </div>
</td>
</tr>
<tr>
<td width="11" height="35"></td>
<td width="104" height="35"><font color="black" size="2" style="position:absolute; top:18px; left:-70px; font color="#0000FF" face="Verdana, Arial, Helvetica, sans-serif">[b][url='aktuell.htm']Aktuell[/url][/b]</font></td>
</tr>
<tr>
<td width="11" height="35"></td>
<td width="104" height="35"><font color="blue" size="2" style="position:absolute; top:42px; left:-70px; font color="#0000FF" face="Verdana, Arial, Helvetica, sans-serif">[b][url='berichtueberuns.htm']über uns[/url][/b]</font></td>
</tr>
<tr>
<td width="11" height="35"></td>
<td width="104" height="35"><font color="blue" size="2" style="position:absolute; top:66px; left:-70px; font color="#0000FF" face="Verdana, Arial, Helvetica, sans-serif">[b][url='http://www.boerdesport.de/lmo/lmowhite.php?action=results&file=lmotipp/ligen/LandesligaMitte2001-20022005.l98']Saison[/url][/b]</font></td>
</tr>
<tr>
<td width="11" height="35"></td>
<td width="104" height="35"><font color="blue" size="2" style="position:absolute; top:93px; left:-70px; font color="#0000FF" face="Verdana, Arial, Helvetica, sans-serif">[b][url='Termine1.htm']Termine[/url][/b]</font></td>
</tr>
<tr>
<td width="11" height="35"></td>
<td width="104" height="35"><font color="blue" size="2" style="position:absolute; top:119px; left:-70px; font color="#0000FF" face="Verdana, Arial, Helvetica, sans-serif">[b][url='Bilder.htm']Bilder[/url][/b]</font></td>
</tr>
<tr>
<td width="11" height="35"></td>
<td width="104" height="35"><font color="blue" size="2" style="position:absolute; top:142px; left:-70px; font color="#0000FF" face="Verdana, Arial, Helvetica, sans-serif">[b][url='Links.htm']Links[/url][/b]</font></td>
</tr></tr>
<div style="position:absolute;left:667;top:10;width:80;height:10;">
<tr>
<td width="11" height="35"></td>
<td width="104" height="35"><font color="blue" size="2" style="position:absolute; top:-17px; left:-69px; font color="#0000FF" face="Verdana, Arial, Helvetica, sans-serif">[b][url='http://www.naanoo.com/freeboard/board/?userid=16588']Forum[/url][/b]</font></td>
</tr>
<tr>
<td width="11" height="35"></td>
<td width="104" height="35"><font color="blue" size="2" style="position:absolute; top:-17px; left:-160px; font color="#0000FF" face="Verdana, Arial, Helvetica, sans-serif">[b][url='http://www.guestbookking.de/cgi-bin/book.cgi?basti_rsl2']Gästebuch[/url][/b]</font></td>
</tr><div style="position:absolute;left:0;top:0;width:80;height:10;"> </table>
<td width="11" height="35"></td>
<td width="104" height="35"><font color="blue" size="2" style="position:absolute; top:-17px; left:-220px; font color="#0000FF" face="Verdana, Arial, Helvetica, sans-serif">[b][url='http://germania08rosslau.de/Voting.htm']Voting[/url][/b]</font></td>
</tr>
<div style="position:absolute;left:0;top:0;width:80;height:10;"> </table> [img]/Ultras/Fotos/0405/Zerbst2005/_tn_Zerbst004.jpg[/img]
[img]/Ultras/Fotos/0405/Groebzig/_tn_Gr4.jpg[/img]
[img]/Ultras/Fotos/0405/Halberstadt2005/_tn_Halb04.jpg[/img] </html> <html> </td>
</div>Wie funktioniert das jetzt mit Psitionen und so?
mach das erstmal mit CSS so ist mir das zu unübersichtlich.
schade, keinen plan.
Moin!
Ich habe mal eben ein wenig gebastelt, das hat gar nicht mal lange gedauert (ca. 45 Min.)
So würde deine Seite bei mir aussehen, das alles natürlich ohne Javascript (wer mich kennt, der hat sich das sicherlich schon gedacht ;-))
http://web306.server3.webplus24.de/testseiten/germania/
Kannst ja mal schreiben was du davon hältst?
g.a.d.M.
Ronald
tadelloser CODE.
@Basti ich würde deinen CODE sofort wegschmeisen und den von Ronald verwenden.
Zitat von RonaldAlles anzeigenMoin!
Ich habe mal eben ein wenig gebastelt, das hat gar nicht mal lange gedauert (ca. 45 Min.)
So würde deine Seite bei mir aussehen, das alles natürlich ohne Javascript (wer mich kennt, der hat sich das sicherlich schon gedacht ;-))http://web306.server3.webplus24.de/testseiten/germania/
Kannst ja mal schreiben was du davon hältst?
g.a.d.M.
Ronald
Ronald, es ist immer wieder genial was du so zu stande bringst ! 
Oh danke!
... aber das war nun wirklich nichts besonderes 
G.a.d.M.
Ronald
