Autor |
Nachricht |
Aerendil
Threadersteller
Dabei seit: 28.11.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 18.07.2012 13:33
Titel
|
|
|
@ Karl: Meinst du? Ich habe zb. dem body die Hintergrundgrafik gegeben und der wrapper begrenzt ja auf 960 Px, fand das schon sinnvoll, sonst wäre der Hintergrund ja nur 960 Pixel breit. Oder habe ich da nen Denkfehler?
|
|
|
|
|
Karlarsch
Dabei seit: 05.02.2007
Ort: -
Alter: 58
Geschlecht:
|
Verfasst Mi 18.07.2012 13:59
Titel
|
|
|
Alles was du mit dem Wrapper machen kannst, kannst du auch mit dem body machen. Dafür braucht es kein zusätzliches Element.
Gruß
Karl
|
|
|
|
|
Anzeige
|
|
|
Karlarsch
Dabei seit: 05.02.2007
Ort: -
Alter: 58
Geschlecht:
|
Verfasst Do 19.07.2012 07:04
Titel
|
|
|
Hier mal ein kleiner Ansatz ... bedank dich bei meiner Tochter die meinte um 3 Uhr sei die Nacht zu Ende
Gruß
Karl
Code: |
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
body {
margin: 0 auto 50px;
max-width: 960px;
min-width: 800px;
}
#logo {
float: left;
width: 200px;
background: #eee;
}
#main {
margin-left: 220px;
background: #eee;
}
nav {
background: #ddd;
}
aside {
float: right;
background: #ccc;
width: 330px;
}
#content {
background: #bbb;
margin-right: 350px;
}
footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #aaa;
}
</style>
</head>
<body>
<section id="logo">
</section>
<div id="main">
<nav>
</nav>
<aside>
</aside>
<section id="content">
</section>
</div>
<footer>
</footer>
</body>
</html>
|
|
|
|
|
|
SimonDerDude
Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht:
|
Verfasst Do 19.07.2012 09:05
Titel
|
|
|
Den <body> als umschließendes Element zu nutzen hab ich irgendwie noch nie gesehen
Habe völlig ausser Acht gelassen, dass es auch nur ein Kind des <html> Elements ist ... Gefällt mich!
|
|
|
|
|
Karlarsch
Dabei seit: 05.02.2007
Ort: -
Alter: 58
Geschlecht:
|
|
|
|
|
Aerendil
Threadersteller
Dabei seit: 28.11.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 23.07.2012 13:41
Titel
|
|
|
@ Karl: Danke!
Hatte freitag Urlaub, ich sehe es mir mal gleich an.
Und jaaa meine Tochter meint das auch öfter mal
|
|
|
|
|
Aerendil
Threadersteller
Dabei seit: 28.11.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 23.07.2012 14:16
Titel
|
|
|
@ Carl: So vielen Dank eben mal reingesehen und die Hälfte ist geschafft
Mein Problem ist, ich hätte jetzt gerne <aside> unten rechts an der OberKante des Footer und rechts am Browserfenster ausgerichtet und soll aber trotzdem den content verdrängen, der max 705 px breit werden darf.
So aber mit älterer Formatierung hatte ich das auch schon...
Vielleicht bin ich aber auch nur einfach zu blöd.?
|
|
|
|
|
Aerendil
Threadersteller
Dabei seit: 28.11.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 23.07.2012 14:22
Titel
|
|
|
Habe das jetzt mal versucht so hlabwegs umzubiegen und das kam dabei raus:
Code: |
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
body {
margin: 0 auto 200px;
max-width: 960px;
min-width: 800px;
}
#logo {
float: left;
width: 200px;
background: ##0F0;
}
#main {
margin-left: 220px;
background: #FF0;
margin-top:30px;
}
nav {
background: #9F0;
margin-top:107px;
}
aside {
float: right;
background: #696;
min-width: 390px;
min-height: 350px;
background-image:url(bilder/schaefer-schley-startseite.png);
position:absolute;
bottom:200px;
right:0px;
background-repeat:no-repeat;
}
#content {
background: #0FF;
margin-right: 350px;
max-width: 705px;
}
footer {
position: fixed;
bottom: 0px;
left: 0;
right: 0;
background: #F00;
height:200px;
}
a:link.logolink {
float:left;
height: 183px;
width: 195px;
margin-top: 30px;
background-image:url(bilder/logo.gif);
background-repeat:none;
}
</style>
</head>
<body>
<section id="logo">
<a href="index.html" class="logolink"></a>
</section>
<div id="main">
das ist der main-Container
<nav>
<br>
Hüür die Navi<br>
</nav>
<aside>
</aside>
<section id="content">
Hier steht der Content drin, hier steht der Content drin, oleole, hier steht der Content drin. :)<br>Hier steht der Content drin, hier steht der Content drin, oleole, hier steht der Content drin. :)
Hier steht der Content drin, hier steht der Content drin, oleole, hier steht der Content drin. :)
Hier steht der Content drin, hier steht der Content drin, oleole, hier steht der Content drin. :)<br>Hier steht der Content drin, hier steht der Content drin, oleole, hier steht der Content drin. :)<br>Hier steht der Content drin, hier steht der Content drin, oleole, hier steht der Content drin. :)<br>Hier steht der Content drin, hier steht der Content drin, oleole, hier steht der Content drin. :)<br>Hier steht der Content drin, hier steht der Content drin, oleole, hier steht der Content drin. :)<br>Hier steht der Content drin, hier steht der Content drin, oleole, hier steht der Content drin. :)
</section>
</div>
<footer>
</footer>
</body>
</html> |
das geht jetzt so in etwa in die Richtung wie es sein soll, wenn sich der Content jetzt noch auf volle Breite des main erweitern könnte, wenn genug Platz in der Breite wäre.
Ist das verständlich?
|
|
|
|
|
|
|
|