Juergens-Workshops.de Forum › HTML und Co › CSS und Javascript
Teil Hintergrund an eine ganze Seite anpaqssen?

Ansichts-Optionen
Teil Hintergrund an eine ganze Seite anpaqssen?
Willy Offline
Junior Member
Beiträge: 3
Themen: 1
Danke erhalten: 0 in 0 Posts
Danke gesagt: 0
Registriert seit: 23.09.2007
#1
23.09.2007, 12:35 (Dieser Beitrag wurde zuletzt bearbeitet: 23.09.2007, 13:20 von Willy.)
Hallo und Guten Tag Forengemeinde

Komme mit meinem derzeitigen Problem keinen Schritt weiter, ohne eure Hilfe so wies aussieht.

Habe ein Tamplate als Tabellenkonstruktion und mit einer Format CSS-Datei, benötige eine leere Musterseite alleine mit dem dunkel-rotem Hintergrund, also ohne Menü usw. (für ein Pop Up Fenster)
Schrift Art und Farbe sollten jedoch bestehen bleiben.
Wer hat Zeit und Lust sich mal das hier anzuschauen und mir mit Rat und Tat zur Seite stehen oder nochbesser mir eine Musterseite zukommen zu lassen?
Hier bin ich an meine Grenzen gestoßen und bin für jede Hilfe dankbar!



Hier die Format.css Datei zur ansicht:

Code:
body
{margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px; padding:0px; height:100%;
background-image:url(images/sword_mit_inklusive.jpg);background-attachment:fixed;
background-repeat:no-repeat;background-position:160px 100% ;
background-color:#000;font-size: 100%;line-height: 125%;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;}

h1{font-size: 17pt;line-height: 125%;
font-family: georgia,times,arial, helvetica, tahoma ,verdana,  sans-serif;color:#A65E60;
margin-bottom:25px;margin-top:0px;
letter-spacing:1px;
font-style:italic;}

h2{font-size: 15pt;line-height: 125%;
font-family: georgia,times,arial, helvetica, tahoma ,verdana,  sans-serif;color:#A65E60;
margin-bottom:20px;margin-top:0px;
font-style:italic;

}#aussen{height:100%;
min-height: 100%;
height: auto !important;
}

#nav {background-image:url(images/backmen.png)!important;
;background-image:url(images/backmen.jpg);background-repeat:repeat;
height:100%;padding:20px 0px 0px 0px;
margin: 0px 0px 0px 0px;
vertical-align:middle;
width:200px;
border: 1px solid #800000;
position: absolute;
top: 0px;
left: 80px;
color:#fff;
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);

}

#main {height:100%;
padding:20px 25px 20px 45px;
margin: 0px 70px 0px 300px;
vertical-align:top;
border: 1px solid #78324D;
background-image:url(images/back.png)!important;
background-image:url(images/back.jpg);
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
color:#A65E60;

}


#main p {text-align:justify;color:#;margin: 0px; }

/* menue links*/

#menu1 a , #menu1 a:visited , #menu1 a:active {display:block;
font-size: 13pt;line-height: 125%;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
color:#400000;
line-height:28px;
text-decoration:none ;
text-align:right;
width:200px;

}

#menu1 a:hover{
color:#fff;
text-decoration:none ;
background-image:url(images/cube1.png)!important;
background-image:url(images/cube1.gif);

}


/* scrolleiste internet explorer ab vers.5.5 */

body
{scrollbar-arrow-color: #000000; scrollbar-base-color: #ffffff;
scrollbar-highlight-color : #000000; scrollbar-shadow-color : #ffffff;
SCROLLBAR-TRACK-COLOR: #e6e6e6;}
/* allgemeine links im text */

a:link, a:visited, a:active{ font-size: 100%;line-height: 125%;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
color:#A65E60;font-style:italic;
}

a:hover{
color:#fff;text-decoration:none ;
background-image:url(images/cube1.png)!important;
background-image:url(images/cube1.jpg)
}
P.S. Die Smily im der CSS-Datei sind nicht von mir!


Hier die Index-Seite zur Ansicht

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web netz">
<meta name="description"
content="homepage, dokument, webpage, page, web, netz" >
<title>homepage, dokument, webpage, page, web, netz, homepage dokument webpage page web netz</title>


<!-- Um die Orginal Version dieses Tamlates zu betrachten geht man  unter: [url]www.on-mouseover.de[/url]  [color=Red]Das Tamlate mit der Nummer 26 [/color]-->


<link rel="stylesheet" href="format.css" type="text/css">




</head>
<body     >

<div id="aussen">



<div id="nav" >



<table  align="center"  id="menu1"  border="0" cellpadding="0" cellspacing="0"   >
<tr>
<td >
<a href="index.html"  onfocus="this.blur()">Home&nbsp;&nbsp;</a></td>
</tr>
<tr>
<td >
</tr>
</table>
<br>
<br>

<img style="background-image:url(images/back.png)!important;background-image:url(images/cube1.gif);background-repeat:repeat;_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);margin-right:10px;border:solid 1px #400000"  align="right" src="images/pixelspace.gif" width="40" height="40" border="0" alt=""><br>

<img style="background-image:url(images/cube2.png)!important;background-image:url(images/cube2.gif);background-repeat:repeat;_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);margin-right:10px;border:solid 1px #400000"  align="right" src="images/pixelspace.gif" width="30" height="30" border="1" alt=""><br>

<img style="background-image:url(images/cube3.png)!important;background-image:url(images/cube3.gif);background-repeat:repeat;_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);margin-right:10px;border:solid 1px #400000"  align="right" src="images/pixelspace.gif" width="20" height="20" border="0" alt="">

</div>

        <div id="main"  >

<!--  inhalt-->
<div >


<h1>Dieser Hintergrund wird benötigt auf der ganzen Seite.</h1>
<h1><br>
&nbsp;</h1>
<br>
<br>
<br>



<!-- ende inhalt--></div>
</div>


</div>



</body>
</html>


Bitte seid nachsichtig mit mir, ich weiß nicht ob das Posting hier richtig plaziert ist!

Mit freundlichen Güßen

Willy
(Dem gerade der Kopf raucht!)
Zitieren
Helmut Offline
Profi Member
Beiträge: 3.252
Themen: 228
Danke erhalten: 1 in 1 Posts
Danke gesagt: 0
Registriert seit: 12.11.2003
#2
23.09.2007, 15:19
...
Zitat:P.S. Die Smily im der CSS-Datei sind nicht von mir!
indirekt schon, da du den Code nicht mit [Bild: code.gif] ausgezeichnet hast.

Wenn nur die Navi Spalte raus soll müsste es reichen wenn Du das entfernst...

Code:
<div id="nav" >

...

<img style="background-image:url(images/cube3.png)!important;background-image:url(images/cube3.gif);background-repeat:repeat;_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);margin-right:10px;border:solid 1px #400000"  align="right" src="images/pixelspace.gif" width="20" height="20" border="0" alt="">

</div>

Cu Helmut
Zitieren
Willy Offline
Junior Member
Beiträge: 3
Themen: 1
Danke erhalten: 0 in 0 Posts
Danke gesagt: 0
Registriert seit: 23.09.2007
#3
23.09.2007, 16:30
Hallo Helmut,
danke erstmal das du dich meinem Problem angenommen hast.

Das Menü habe ich auch schon entfernen können, wie du auch in deinem Beispiel aufgezeigt hast, was muß ich blos tun damit sich der Main Bereich (der rote Hintergrund bereich wo auch der Text rein kommt) nun sich der ganzen Seite anpasst/ausdehnt, auch auf dem Bereich wo jetzt das Navi-Menü entfernt wurde?
Hier liegt mein eigentliches Problem, wo ich scheitere, denke mal da muss man was in der CSS-Datei verändern habe mir aber schon jede Zeile vorgenommen ohne erfolg.

CU Willy
Zitieren
Helmut Offline
Profi Member
Beiträge: 3.252
Themen: 228
Danke erhalten: 1 in 1 Posts
Danke gesagt: 0
Registriert seit: 12.11.2003
#4
23.09.2007, 19:46
Hi,

setz mal hier an...

Code:
margin: 0px 70px 0px 300px;

Code:
margin: 0px [B]10[/B]px 0px [B]10[/B]px;

Cu Helmut
Zitieren
Willy Offline
Junior Member
Beiträge: 3
Themen: 1
Danke erhalten: 0 in 0 Posts
Danke gesagt: 0
Registriert seit: 23.09.2007
#5
23.09.2007, 20:52
Hy, Helmut

Mit deinem Tipp im margin: Bereich etwas zu verändern lagst vollkommend richtig damit, habe es durch dich geschafft funktioniert Prima :daumen:
P.S. Werde mich hier im Forum als Neuling sicherlich sehr wohl fühlen und vielleich kann ich ja auch mal den ein oder anderen Tipp geben!

An dieser Stelle noch ein kurzes aber Ehrliches Dankeschön! ;-)

CU Willy
Zitieren



Möglicherweise verwandte Themen...
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Transparenter Hintergrund bei Lightbox Nice_Stuff 10 4.637 27.11.2008, 17:50
Letzter Beitrag: Beagle
  Navi Button "aktiv" auf aktueller Seite Seramis 5 6.140 14.08.2007, 08:18
Letzter Beitrag: Seramis
  Leicht transparenter Hintergrund bei... lebus 7 3.789 13.08.2007, 13:29
Letzter Beitrag: lebus
  Wer mag/kann mir eine style.css erstellen? Seramis 2 1.597 05.02.2007, 20:04
Letzter Beitrag: Seramis
  Wie bekomme ich den Hintergrund Fix? Elbenhexe 1 1.365 23.11.2006, 20:53
Letzter Beitrag: Elbenhexe
  2 Style-Sheet in eine Html-Datei Robin 2 1.665 17.03.2005, 11:12
Letzter Beitrag: Jürgen
  externer Link in eine Tabelle laden svgweb 1 1.758 29.08.2004, 16:48
Letzter Beitrag: Hulot
  Hintergrund über CSS udog 2 2.071 30.03.2004, 21:30
Letzter Beitrag: udog