Problem mit Css-file
lima-city → Forum → Die eigene Homepage → Homepage Allgemein
auto
bereich
bild
code
container
datei
ergebnis
erhalten url
feld
gebet
hilfe
http
list
objekt
position
problem
text
url
versuchen
zeile
-
Salvete omnes!
Ein Freund von mir hat mich gebeten eine css-Datei leicht zu verändern um dieses Ergebnis zu erhalten: http://cdot.lima-city.de/hp.jpg
Hab mir gedacht dass dies ganz einfach werden wird, allerdings stellten sich mir dann einige Probleme, da die css-Datei für ein cms ist, und alles behalten soll, was darin vorkommt, auch wenn manche codes unnötig sind...
Dass ist die ursprünglich css: url entfernt
Ich habe mir gedacht ich lege einfach einen container um alle anderen felder um so die hp z.B. mittig auszurichten. Allerdings will das css/html nicht so wie ich.
Hier meine Versuche:
/**
* CSS
*
* @version 1.0
* @author Vaska
* @author Gregory Cadar
*/
* {
margin: 0;
padding: 0;
}
body {
font-size: 10px;
font-family: Verdana, sans-serif;
background: #fff;
}
body.section-1 { }
body.section-2 { }
body.section-3 { }
a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; }
a img { border: none; }
#container {
margin: 1em auto;
width: 700px;
text-align: left;
background-color: white;
border: 1px solid black;
}
#menu {
width: 215px;
overflow: auto;
top: 0;
bottom: 0;
left: 0;
position: fixed;
height: 100%;
background-color: #fff;
border: 1px solid black;
}
#menu ul {
list-style: none;
margin: 0 0 12px 0;
}
#menu ul li.section-title { }
#content {
height: 100%;
margin: 0 0 0 215px;
top: 0;
}
.container {
padding: 5px 5px 25px 5px;
}
#content p { width: 400px; margin-bottom: 9px; }
p {
margin: 0 0 9px 0;
}
h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }
#img-container { margin: 0; padding: 0; }
#img-container p { width: 400px; margin: 0; padding: 0 0 12px 0; }
#once { clear: left; }
_________________________________________________________________________
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>konsti smola photography</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<div id="container">
<div id="menu">
<p>menu a</p>
<p>menu b</p>
<p>menu c</p>
<p>menu d</p>
</div>
<div id="content">
<p>content a</p>
<p>content b</p>
<p>content c</p>
<p>content c</p>
</div>
<div id="img-container">Bild</div>
</div>
</body>
</html>
_________________________________________________________________
Jetzt liegt der container allerdings nicht um alle anderen Objekte herum, sondern es wird nur der "content"-Bereich mit dem 1px solid black umrandet...
Was habe ich falsch gemacht...?
Danke schonmal für eure Hilfe...
mfg Cdot
Beitrag zuletzt geändert: 4.3.2010 19:35:07 von davidmuc -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
toolz schrieb: Lösche beim Menü im CSS die Zeile mit:
position: fixed;
Dann klappt es!
Besten Dank! Genau das hat mich die ganze Zeit gestört. Hab aber selbst das Problem nicht gefunden...
mfg Cdot -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
