Suche im Forum:
Suchen


Autor Nachricht
Beitrag15.04.2009 um 17:03 (UTC)    
Titel: Design auf den ganzen bildschirm anpassen(CSS)

habe mir ein design erstellt und möchte es auf den ganzen bildschirm anpassen gibts da irgendwelche css codes also habe da layout in einer klasse dargetellt will es aber jetzt umcoden das es auf meinem ganzen bildschirm angezeigt wird (auch bei unterschiedlichen auflösungen.

Hier der code mal :

Code:

#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}

li.nav_element a{
color:#000000;
display: block;
margin: 2px;
padding-left: 10px;
text-decoration: none;
width: 125px;
height: 25px;
background-image:url();
background-color: transparent;}

li.nav_element a:hover{
color:#666666;
display: block;
margin: 2px;
padding-left: 10px;
text-decoration: none;
width: 125px;
height: 25px;
background-image:url();
background-color: transparent;}

body
{
background-color: #4c4c4c;
background-image: url();
font-family: Verdana, Arial, sans-serif;
font-size: 100.01%;
width: 100%;
height: 100%;
margin: 0;
padding: 0
}
 
*
{
padding: 0; margin: 0;
}
 
#Bild
{
position: absolute;
left: 50%;
top: 50px;
margin-left: -489px;
width: 1000px;
height:1024px;
background-image: url(http://img.webme.com/pic/z/zt-design/layout.png);
}
 
#Header_oben {
position: absolute;
left: 50%;
top: 50px;
height: 90px;
width: 820px;
background: transparent;
background-image:url();
color: #FFFFFF;
border: 0px solid #6E6E6E;
margin-left: -417px;
padding: 10px;
float: left;}

#content
{
position: absolute;
left: 50%;
top: 386px;
margin-left: -291px;
width: 487px;
height: 700px;
padding:10px;
color: #000000;
font-size:13px;
background-color:transparent;
background-image:url();
border: 0px solid #000000;
overflow:auto;
}
 
#nav_container
{
position: absolute;
left: 50%;
top:360px;
margin-left: -470px;
width: 190px;
height: 300px;
background-color:transparent;
background-image:url();
border:0px solid #000000;
color:#000000;
overflow:auto;
}
 
a{
color:#4A9AF6;
text-decoration: none;
font-size:13px;}
 
a:hover {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
 
a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
 
a:active {
color: #cccccc;
font-size: 13px;
text-decoration: none;}
 
a:visited {
color: #cccccc;
font-size: 13px;
text-decoration: none;}
 
#counter {display:none);
position: absolute;
left: 50%;
top:940px;
margin-left: -120px;
width: 350px;
height:20px;
text-align: center;
color:#ffffff;
font-size:13px;
border: 0px solid #ffffff;}

#Kasten_links
{
position: absolute;
left: 50%;
top:435px;
margin-left: -490px;
width: 205px;
height: 230px;
background-color:transparent;
background-image:url();
border:0px solid #000000;
color: #000000;
overflow:auto;
}






#Kasten_rechts
{
position: absolute;
left: 50%;
top:435px;
margin-left: 220px;
width: 205px;
height: 230px;
background-color:transparent;
background-image:url();
border:0px solid #000000;
color: #000000;
overflow:auto;
}







#Kasten_rechts1
{
position: absolute;
left: 50%;
top:790px;
margin-left: 220px;
width: 205px;
height: 230px;
background-color:transparent;
background-image:url();
border:0px solid #000000;
color: #000000;
overflow:auto;
}






#Kasten_links1
{
position: absolute;
left: 50%;
top:790px;
margin-left: -490px;
width: 205px;
height: 230px;
background-color:transparent;
background-image:url();
border:0px solid #000000;
color: #000000;
overflow:auto;
}

#Copyright {{display:none);
position: absolute;
left: 50%;
top:940px;
margin-left: -560px;
width: 350px;
height:20px;
text-align: center;
color:#ffffff;
font-size:12px;
border: 0px solid #ffffff;
}-
Beitrag15.04.2009 um 20:15 (UTC)    
Titel:

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de