Hallo,
muss meine Website gerade umbauen, damit sie immer zentriert sitzt.
Also bau ich gerade alles mit Hilfe von CSS auf.
Jetzt habe ich das Problem, dass ich links einen blauen Balken haben möchte, der nur 30px breit ist. Er wird aber viel länger angezeigt? Fehlt mir das clear... zum Aufheben?
Hier der CSS Code:
@charset "utf-8";
* {
margin:0;
padding:0 }
html, body {
height:100%;
}
body {
background-color:#ffffff;
font:100.01%/1.4 sans-serif;
text-align:left; /* horizontal centering for IE Win quirks */
}
#container {
margin: 0 auto;
position:relative;
text-align:left;
width: 850px;
height: 750px;
background-image: url(Bilder/hg_header.jpg);
background-repeat: no-repeat;
}
#blau {
margin: 0;
float: left;
margin-top: 6px;
width: 2em;
height: 120Px;
background-color: #3c2a85;
}
#container div {
font-size:80%;
float:left;
width:60em;
margin-left:2em;
text-decoration: none;
text-align: center;
}
#container ul {
margin-left:100;
list-style-type: none;
text-decoration: none;
padding-top:15em;
margin-left:3em;
}
#container ul li{
display: inline;
}
#container li span {
font-size:70%;
}
under der HTML Code:
<div id="container">
<div id="container ul">
<ul>
<li><a href="empfang.html" class="link_active"> Empfang </a> </li>
<li><a href="agentur.html" class="link">Agentur </a> </li>
<li><a href="leistungen.html" class="link">Leistungen </a> </li>
<li><a href="referenzen.html" class="link">Referenzen </a> </li>
<li><a href="kontakt.html" class="link"> Kontakt</a> </li>
</ul>
</div>
<div id="blau"></div>
</div>
Findet Ihr mein Problem
Lg Anny
muss meine Website gerade umbauen, damit sie immer zentriert sitzt.
Also bau ich gerade alles mit Hilfe von CSS auf.
Jetzt habe ich das Problem, dass ich links einen blauen Balken haben möchte, der nur 30px breit ist. Er wird aber viel länger angezeigt? Fehlt mir das clear... zum Aufheben?
Hier der CSS Code:
@charset "utf-8";
* {
margin:0;
padding:0 }
html, body {
height:100%;
}
body {
background-color:#ffffff;
font:100.01%/1.4 sans-serif;
text-align:left; /* horizontal centering for IE Win quirks */
}
#container {
margin: 0 auto;
position:relative;
text-align:left;
width: 850px;
height: 750px;
background-image: url(Bilder/hg_header.jpg);
background-repeat: no-repeat;
}
#blau {
margin: 0;
float: left;
margin-top: 6px;
width: 2em;
height: 120Px;
background-color: #3c2a85;
}
#container div {
font-size:80%;
float:left;
width:60em;
margin-left:2em;
text-decoration: none;
text-align: center;
}
#container ul {
margin-left:100;
list-style-type: none;
text-decoration: none;
padding-top:15em;
margin-left:3em;
}
#container ul li{
display: inline;
}
#container li span {
font-size:70%;
}
under der HTML Code:
<div id="container">
<div id="container ul">
<ul>
<li><a href="empfang.html" class="link_active"> Empfang </a> </li>
<li><a href="agentur.html" class="link">Agentur </a> </li>
<li><a href="leistungen.html" class="link">Leistungen </a> </li>
<li><a href="referenzen.html" class="link">Referenzen </a> </li>
<li><a href="kontakt.html" class="link"> Kontakt</a> </li>
</ul>
</div>
<div id="blau"></div>
</div>
Findet Ihr mein Problem
Lg Anny