Wie kann man in HTML einen Wrapper erstellen?
Das ist meine Menüleiste:
* {
padding: 0px;
margin: 0px;
}
#menu {
position: fixed;
left: 0px;
right: 0px;
top: 0px;
height: 40px;
width:100% - 36px;
background: #2d2d2d;
padding-top: 2px;
padding-left: 36px;
}
#menu ul li {
list-style: none;
color: #bbbbbb;
font-size: 10pt;
font-family: Arial;
line-height: 27px;
padding: 0 8px;
display: inline;
font-weight: bold;
}
#menu ul li:hover {
color: #fff;
}
Darunter soll der Wrapper kommen.
2 Antworten
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
programmieren
Wo ist der Html code? Was willst du genau erreichen?
Woher ich das weiß:Studium / Ausbildung – Informatikstudent
gutefrage.net arbeitet doch auch mit einem Wrapper. genau das was in der mItte ist.
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
programmieren, Informatik
Ein Beispiel:
<!doctype html>
<head>
<title>Example</title>
<meta charset="utf-8">
<!-- include css ... -->
</head>
<body>
<!-- menu ... -->
<main class="wrapper">
<!-- content ... -->
</main>
</body>
CSS:
.wrapper {
margin: 0 auto;
width: 960px;
}
Der Wrapper wird automatisch horizontal zentriert, sofern die verfügbare Breite des Browserfenster 960px übersteigt. Für ein responsive Verhalten kann man CSS Media Queries einsetzen.