Hallo liebe tutorialsler...
ich habe ein Problem. Ich habe ein neues Webprojekt und würde gerne ,dass das auf allen PC´s egal welche Bildschirmauflösung der hat richtig, die richtig angezeigt wird. Ich habe das für joomla gebastelt.
CSS Code:
Die Homepage ist noch nicht online, sonst würde ich Euch ne Vorschau geben.
Gruß, Eike
ich habe ein Problem. Ich habe ein neues Webprojekt und würde gerne ,dass das auf allen PC´s egal welche Bildschirmauflösung der hat richtig, die richtig angezeigt wird. Ich habe das für joomla gebastelt.
CSS Code:
HTML:
/* Allgemeine Einstellungen (body)*/
body {
overflow-y: scroll;
overflow-x: hidden;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #656565;
margin:0px;
padding:0px;
background-color:#FCFCFC;
text-align:right;
}
td {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #656565;
}
/* Seitenelemente */
#main {
position:relative;
width:967px;
background-color:#FFFFFF;
margin-bottom:0px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
padding:0px 0px;
}
.kopf {
display:block;
top:120px;
left: 250px;
height:145px;
background-color:#fff;
text-align:left;
}
ul.menu {
list-style-type: none;
}
ul.menu li {
padding: 2px;
}
#container {
position:relative;
display:block;
background-color:#FFFFFF;
border-left:208px solid #fff;
border-right:208px solid #fff;
padding:0px 0px;
}
#inner {
display:block;
margin-left:-208px;
margin-right:-208px;
padding:0px;
}
#Leiste_links {
position:absolute;
width:208px;
top:19px;
left:-40px;
text-align:left;
}
#Leiste_rechts {
position:absolute;
width:208px;
top:10px;
right: -60px;
text-align:left;
}
#Content_Home {
margin-left:208px;
margin-right:208px;
position:absolute;
left: 10%;
top:380px;
display:block;
text-align:left;
height:1%;
border: 0px;
}
#Content {
overflow:scroll;
background-color: #000000;
margin-left:240px;
margin-right:238px;
position:relative;
display:block;
text-align:left;
height:1%;
}
#logo {
position:absolute;
top:0px;
left:0px;
height:128px;
}
#marquee {
position:absolute;
top:0px;
left:208px;
height:128px;
}
#balcken_links_oben {
position:absolute;
top:128px;
left:0px;
width:208px;
height:17px;
}
#pfad {
position:absolute;
top:128px;
left:208px;
width:551px;
height:17px;
color: #FFFFFF;
background-color:#1B5288;
padding-left:35px;
}
#balcken_rechts_oben {
position:absolute;
text-align: left;
top:128px;
left:759px;
width:208px;
height:17px;
color:#FFFFFF;
background-image:url(images/balken_oben_rechts.gif);
}
#logo {
position: absolute;
top: 7px;
left: 25px;
}
/* Einstellungen Überschriften */
h1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 20px;
color: #1B5288;
font-weight: lighter;
margin-top: 0px;
}
h2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #1B449C;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
}
/* Einstellungen Navigation */
a.nav { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px ; color: #303030; text-decoration: none; }
a.nav:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #365AA7; text-decoration: none; }
/* Einstellungen Links */
a { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #365AA7; text-decoration: none; }
a:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #365AA7; text-decoration: underline; }
/* Einstellungen Pfad */
a.pfad { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none; }
a.pfad:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none; }
a.pfadangemeldet { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #FFFF00; text-decoration: none; }
a.pfadangemelet:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #FFFF00; text-decoration: none; }Die Homepage ist noch nicht online, sonst würde ich Euch ne Vorschau geben.
Gruß, Eike
