Nabend,
ich beschäftige mich seit einigen Tagen „intensiv“ mit html und css
jedoch verstehe ich einige Sachen nicht
Ich arbeite derzeit an meinem eigenen Portfolio
mit viel Hilfe hab ich es nun geschafft das immerhin alles an der selben Stelle bleibt wenn man die Auflösung ändert
Hab das ganze mal hochgeladen: Portfolio
das einzige was mich noch stört ist das man erstens unnötig?! scrollen muss
und das wenn man die Auflösung ändert, das ganze nicht mehr zentriert ist
hier mal der Css Code:
[HTML]
- {
margin:0;
padding:0;
}
html, body {
background: #42474c;
height: 100%;
width: 100%;
}
#wrap {
margin-left: auto;
margin-right: auto;
width: 695px;
position: relative;
min-height: 37px;
}
#main-nav {
margin: 0px 0px 0px 2px;
text-align: left;
min-height: 25px;
padding-top: 10px;
padding-left: 100px;
}
#main-handle {
width: 695px;
float: right;
margin-top: -1px;
}
#main-nav li {
display: inline;
list-style: none;;
}
#main-nav li a {
margin-right: 5px;
font-size: 15px;
text-decoration: none;
color: #8f8f8f;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 10px;
outline: 0;
position: relative;
top: -2px;
}
#main-nav li a:hover, #main-nav li a.active {
background: #d8d8d8;
}
#sub-link-bar {
background: #d8d8d8;
min-height: 10px;
border-bottom: #645546 1px solid;
width: 60%;
margin: auto;
}
.sub-links {
display: none;
width: 100%;
top: 48px;
text-align: left;
left: 0px;
padding-left: 100px;
position: absolute;
}
#main-nav li .sub-links li a:hover{
color: #000000;
}
#main-nav li a.close{
display: none;
}
#main-nav li a.close:hover{
background: #900;
}
#content {
margin-top: 150px;
margin-left: 120px;
height: 80px;
width: 1024px;
}
#content1 {
background-image: url(images/Content1.png);
background-repeat: repeat-x;
width: 240px;
height: 80%;
margin-left: 325px;
float: left;
}
#content2 {
background-image: url(images/Content1.png);
background-repeat: repeat-x;
width: 326px;
height: 80%;
margin-left: 613px;
}
[/HTML]
Was mache ich falsch? bzw. was müsste ich ändern damit es funktioniert?
