M
mestoi
Guest
Liebe Mit-Foristen,
ich habe mich heute registriert, weil ich auf Eure Hilfsbereitschaft hoffe.
Ich muss für eine Projektarbeit eine Aufgabe lösen, die Euch vermutlich sehr trivial erscheint.
Ich habe jedoch leider weder mit HTML noch CSS etwas am Hut und dementsprechend keine Ahnung,
wie hier eine Lösung aussehen kann. Mag hier mal vielleicht jemand einen Blick auf die Augfgabe werfen
und mir mit der Lösung helfen?
Sowohl in dem HTML- als auch dem CSS-Code sollen die jeweils rot unterstrichenen Code-Zeilen korrekt ergänzt werden.
Folgende Bedingungen müssen erfüllt sein:
Gesamtbreite 400 Pixel
Eine beliebige Überschrift gefolgt von 2 gleich breiten Spalten Blindtext
Eine Fußzeile
Die Fußzeile schließt das Layout ab und zwar unabhängig davon in welcher Spalte mehr Blindtext steht
Ich würde mich sehr über eine Hilfestellung freuen!
Vielen Dank bereits im Voraus
Marcello
Hier der HTML-Code:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Unbenanntes Dokument</title>
<link href="mystyles.css" rel="stylesheet" type="text/css"
</head>
<body>
<div id="wrapper">
<h1>Hier geht's los </h1>
<div id="column1">
<p>Lorem ipsum</p>
</div>
<div id="comun2">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam</p>
</div>
<div id="__________________"></div>
<div id="footer">
<p>Hier ist das Ende</p>
</div>
</div>
</body>
</html>
Und hier der CSS-Code:
@charset "utf-8";
#wrapper {
margin: 0px;
padding: 0px;
background-color: #CCC;
___________________________;
}
#column1 {
background-color: #FFC;
width: 190px;
padding: 5px;
___________________________;
}
#column2 {
background-color: #6F9;
padding: 5px;
___________________________;
}
#helper {
___________________________;
}
#footer {
background-color: #FCC;
height: 40px;
padding: 10px;
}
ich habe mich heute registriert, weil ich auf Eure Hilfsbereitschaft hoffe.
Ich muss für eine Projektarbeit eine Aufgabe lösen, die Euch vermutlich sehr trivial erscheint.
Ich habe jedoch leider weder mit HTML noch CSS etwas am Hut und dementsprechend keine Ahnung,
wie hier eine Lösung aussehen kann. Mag hier mal vielleicht jemand einen Blick auf die Augfgabe werfen
und mir mit der Lösung helfen?
Sowohl in dem HTML- als auch dem CSS-Code sollen die jeweils rot unterstrichenen Code-Zeilen korrekt ergänzt werden.
Folgende Bedingungen müssen erfüllt sein:
Gesamtbreite 400 Pixel
Eine beliebige Überschrift gefolgt von 2 gleich breiten Spalten Blindtext
Eine Fußzeile
Die Fußzeile schließt das Layout ab und zwar unabhängig davon in welcher Spalte mehr Blindtext steht
Ich würde mich sehr über eine Hilfestellung freuen!
Vielen Dank bereits im Voraus
Marcello
Hier der HTML-Code:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Unbenanntes Dokument</title>
<link href="mystyles.css" rel="stylesheet" type="text/css"
</head>
<body>
<div id="wrapper">
<h1>Hier geht's los </h1>
<div id="column1">
<p>Lorem ipsum</p>
</div>
<div id="comun2">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam</p>
</div>
<div id="__________________"></div>
<div id="footer">
<p>Hier ist das Ende</p>
</div>
</div>
</body>
</html>
Und hier der CSS-Code:
@charset "utf-8";
#wrapper {
margin: 0px;
padding: 0px;
background-color: #CCC;
___________________________;
}
#column1 {
background-color: #FFC;
width: 190px;
padding: 5px;
___________________________;
}
#column2 {
background-color: #6F9;
padding: 5px;
___________________________;
}
#helper {
___________________________;
}
#footer {
background-color: #FCC;
height: 40px;
padding: 10px;
}
Zuletzt bearbeitet von einem Moderator: