hi zusammen bin neu und habe mal dreikt eine frage:),
Ich habe folgendes Probelm meine desginte Homepage hat einen Farbverlauf im HIntergrund also rechts und links vom content... das doofe ist, dass wenn ich den Bg vom body schwarz mache sehen die zwei teile links und rechts abgehackt aus (.gif) nun will ich den body soweit verkürzen das man das abgehackte nicht mehr sieht (höhe verkürzen). Ergebnis soll sein das man im Browser den BG vom Body nach unten hinaus nicht mehr mehr sieht. Nur wiess ich nicht wie das gehen soll, hab vom kollegen erfahren das ich ein div um das ganze desgin machen sollte und die Hp dort drinne formatieren.
Leider klappt das nicht ganz so wie es soll...
hat jemand ein vorschlafg oder ne super idee so das ich das ganze nicht mühselig umschreiben muss
DANKE!!!
body
{
background-color:rgb(10,14,16);
background-position:center;
height:50%;
}
#BG_links
{
position:relative;
top:-12px;
right:196px;
width:282px;
height:826px;
left: -43px;
background-image: url(Bilder/BG_links.gif);
}
#Login
{
position:relative;
top:-837px;
right:196px;
width:738px;
height:104px;
left: 240px;
background-image:url(Bilder/Login.gif);
}
#Banner
{
position:relative;
top:-836px;
right:196px;
width:592px;
height:250px;
left: 241px;
background-image:url(Bilder/Banner.gif);
}
#Navi_1
{
position:relative;
top:-836px;
right:196px;
width:279px;
height:50px;
left: 241px;
background-image:url(Bilder/Navi_1.gif);
cursor:pointer;
}
#Navi_2
{
position:relative;
top:-886px;
right:196px;
width:234px;
height:50px;
left: 520px;
background-image:url(Bilder/Navi_2.gif);
cursor:pointer;
}
#Navi_3
{
position:relative;
top:-936px;
right:196px;
width:225px;
height:50px;
left: 754px;
background-image:url(Bilder/Navi_3.gif);
cursor:pointer;
}
#Content
{
position:relative;
top:-936px;
right:196px;
width:739px;
height:420px;
left: 240px;
background-image:url(Bilder/Content2.gif);
}
#Banner_navi_1
{
position:relative;
top:-1656px;
right:196px;
width:146px;
height:39px;
left: 831px;
background-image:url(Bilder/Banner_navi_1.gif);
}
#Banner_navi_2
{
position:relative;
top:-1472px;
right:196px;
width:144px;
height:27px;
left: 833px;
background-image:url(Bilder/Banner_navi_2.gif);
}
#Banner_navi_About
{
position:relative;
top:-1683px;
right:196px;
width:146px;
height:36px;
left: 831px;
background-image:url(Bilder/Banner_navi_About.gif);
cursor:pointer;
}
#Banner_navi_Contact
{
position:relative;
top:-1645px;
right:196px;
width:145px;
height:37px;
left: 832px;
background-image:url(Bilder/Banner_navi_Contact.gif);
cursor:pointer;
}
#Banner_navi_Homepage
{
position:relative;
top:-1683px;
right:196px;
width:146px;
height:39px;
left: 831px;
background-image:url(Bilder/Banner_navi_Homepage.gif);
cursor:pointer;
}
#Banner_navi_Projekte
{
position:relative;
top:-1646px;
right:196px;
width:144px;
height:35px;
left: 833px;
background-image:url(Bilder/Banner_navi_Projekt.gif);
cursor:pointer;
}
#Banner_navi_Downloads
{
position:relative;
top:-1755px;
right:196px;
width:146px;
height:38px;
left: 831px;
background-image:url(Bilder/Banner_navi_Downloads.gif);
cursor:pointer;
}
#BG_rechts
{
position:relative;
top:-2013px;
right:196px;
width:250px;
height:826px;
left: 978px;
background-image:url(Bilder/BG_rechts.gif);
}
Alles anzeigen
<!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>Delux Signz</title>
<link rel="stylesheet" type="text/css" href="style.css"><style type="text/css">
.style1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
}
.style2 {color: #000000}
.style3 {font-size: 16px}
</style></head> <body>
<div id="BG_links"> </div>
<div id="Login"> </div>
<div id="Banner"> </div>
<div id="Navi_1"> </div>
<div id="Navi_2"> </div>
<div id="Navi_3"> </div>
<div id="Content"> </div>
<div id="Banner_navi_1"> </div>
<div id="Banner_navi_2"> </div>
<div id="Banner_navi_Homepage"> </div>
<div id="Banner_navi_About"> </div>
<div id="Banner_navi_Contact"> </div>
<div id="Banner_navi_Projekte"> </div>
<div id="Banner_navi_Downloads"> </div>
<div id="BG_rechts"> </div>
</td>
</tr>
</table>
</body>
</html>
</html>
Alles anzeigen