FurtiveDuck
Legacy Member
Hallo,
Ik ben wat aan het oefenen met css en de website is nu bijna helemaal af. Ik wil nu enkel overal tekst toevoegen. De tekst toevoegen lukt natuurlijk, maar ik ben niet tevreden over de plaats van de tekst. Alle tekst zou ietsje meer naar rechts moeten en bij het menu lukt dit, maar bij de content, footer of header lukt het gewoon niet. In de plaats dat enkel de tekst van plaats gaat veranderen, gaat heel de <DIV> uitrekken. Dit is erg irritant want zo klopt de layout niet meer. Kan er iemand mij helpen - wat doe ik verkeerd?
Ik wil gewoon dat alle tekst uniform is met het begin van de navigatie. Dit wil zeggen op 7 pixels van de linkermarge. Dat lukt me, maar de volledige DIV schuift mee met als resultaat dat er rechts een stuk van de layout uit gaat steken.
Ik ben wat aan het oefenen met css en de website is nu bijna helemaal af. Ik wil nu enkel overal tekst toevoegen. De tekst toevoegen lukt natuurlijk, maar ik ben niet tevreden over de plaats van de tekst. Alle tekst zou ietsje meer naar rechts moeten en bij het menu lukt dit, maar bij de content, footer of header lukt het gewoon niet. In de plaats dat enkel de tekst van plaats gaat veranderen, gaat heel de <DIV> uitrekken. Dit is erg irritant want zo klopt de layout niet meer. Kan er iemand mij helpen - wat doe ik verkeerd?
Code:
#CONTAINER {
position:relative;
width: 650px;
left:10%;
}
#BORDER {
background-color: white;
height:10px;
width:650px;
}
#HEADER {
background-color: #d91f1f;
height:200px;
width:650px;
}
#BORDER2 {
background-color: white;
height:5px;
width:650px;
}
#NAV {
background-color: #d91f1f;
height:35px;
width:650px;
}
#NAV ul {
margin: 0px;
padding: 0px;
color: white;
line-height: 30px;
white-space: nowrap;
}
#NAV li {
list-style-type: none;
display: inline;
}
#NAV li a {
text-decoration: none;
padding: 7px 10px;
color: white;
}
#NAV li a:hover {
font-weight: bold;
color: white;
border-bottom: 4px solid white;
}
#CONTENT {
background:url("images/CONTENT.gif") repeat-y;
min-height:500px;
line-height:150%;
width:650px;
padding-top:20px;
padding-left:7px;
}
#FOOTER {
position:relative;
background-color: #d91f1f;
height:30px;
width:650px;
color:white;
padding-top:5px;
}
body {
font-family: Arial;
font-size: 12px;
}
h1 {
border-bottom:2px dotted #d91f1f;
display:inline;
font-family: Arial;
font-size: 15px;
text-deocaration:none;
font-weight:normal;
}Ik wil gewoon dat alle tekst uniform is met het begin van de navigatie. Dit wil zeggen op 7 pixels van de linkermarge. Dat lukt me, maar de volledige DIV schuift mee met als resultaat dat er rechts een stuk van de layout uit gaat steken.
