Twenty Eleven - Randentfernung, Footer-Einstellungen

Hallo, bin neu hier und versuche, mich kurz zu fassen.

Ich möchte das Design von Twenty Eleven an meine Vorstellungen anpassen. Da ich aber 0 Ahnung von php habe und nur nach und nach in css durchsehe (ist ewig her, dass ich mal was programmiert habe), fällt mir das Ganze etwas schwer. Das Probieren, bis es klappt, nervt mich langsam, aber das ist irrelevant.

Die alte Seite: http://mathias-archut.de
Die Seite, die später mal unter der obigen Adresse online gestellt werden soll: http://mathias-archut.de/wordpress

Ein paar Änderungen habe ich durch eine style.css im Child-Theme vorgenommen (bis dahin habe ich es schon mal erfolgreich geschafft), und auch die footer.php und die header.php haben kleine Änderungen erfahren müssen.

Zitat

style.css
/*
Template: twentyeleven
Theme Name: Twenty Eleven
Author: ich
Description:
License: GNU General Public License
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

@import url("../twentyeleven/style.css");

#content .post {
color: red !important;
}

#content {
background: url("images/bg1.jpg") !important;
}

#access {
background: url("images/bg1.jpg") !important;
}

#page {
background: url("images/bg1.jpg") !important;
#page {margin-bottom:0;}
}

#branding hgroup {
margin: 0 !important;
background: url("images/top.jpg") repeat-x scroll 100px 0 transparent !important;
padding-bottom:0px !important;
}

.entry-header .comments-link a {
display: none !important;
}

#access li:hover > a,
#access a:focus {
background: url("images/bg2.jpg") !important;
}

#site-description {
color: blue !important;
text-align: center !important;
}

#site-generator {
background: url("images/bottom.jpg") !important;
padding-bottom:0px !important;
margin: 0 !important;
}

#site-title a {
font-size: 20px !important;
font-weight: bold !important;
line-height: 24px !important;
margin-left: 50px !important;
}

Alles anzeigen

Meine ersten Fragen an die kompetenten Blogger, deren Antwort ich durch eine Suche im www und auch hier nicht finden konnte:

Welche Einstellungen muss ich vornehmen, um
1. den Copyright-Text aus der Fußzeile (Copyright bezieht sich auf die später abgebildeten Textausschnitte) nicht ganz unten abgebildet bekomme. Es macht mich verrückt, dass ich das nicht hinbekomme. Mir würde es reichen, wenn er nur etwas über dem unteren Rand stehen würde und

2. a) den oberen Rand,
b) die Linie unter der Navigationszeile und
c) die Linie über dem Footer bzw. unter dem Mittelteil zu entfernen.

Bin für jede Hilfe dankbar.

Achja, ist aber nicht sofort angedacht, da mir erstmal das grobe Layout am Herzen liegt und dann die Seiten erstellt werden müssen:

3. Ginge es eigentlich, dass ich die fetzigen Link-Bilder meiner alten Seite in die Navigation einspeisen kann? Mouseover-Befehle habe ich ja hier und dort auch in dieser Fremde des php und css schon gesehen.

so, habe heute mal etwas wegen des randproblems in der style.css gestöbert und bin auf zwei einträge gestoßen, deren abänderung allerdings zu keiner veränderung geführt hat, jedenfalls konnte ich keine feststellen:

.one-column #nav-below {
border-bottom: none !important;
}

und

.one-column .page-template-showcase-php .other-recent-posts {
border-bottom: none !important;
}

vorher wurde da ein solid pixel in der farbe #ddd definiert. kann ich die einträge also löschen aus der child-style.css, denke ich.

den oberen rand habe ich in der style.css gefunden.

man schreibe in die datei des child-themes

#branding {
border-top: none !important;
}

ich hoffe, dass ich für die anderen sachen hier hilfe bekomme. bisher haben sich mehr als 50 leute die seite angesehen, aber keiner konnte mir hilfreiche tipps oder antworten geben.

and there goes the footer-border:

#site-generator {
border: none !important;
}

jetzt fehlt nur noch ein rand, der mir komischerweise im internetexplorer nicht angezeigt wird, nämlich der rand, der sich unter der navigationsleiste befindet.

edit: anscheinend wird der rand beim iexplorer unterhalb den pages angezeigt. keine ahnung, warum das so ist.

so, das letzte ungewollt randerzeugende in der style.css habe ich nun auch durch hilfe eines bekannten gefunden:

Zitat

#access {
background: #222; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#252525, #0a0a0a);
background: -o-linear-gradient(#252525, #0a0a0a);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
background: -webkit-linear-gradient(#252525, #0a0a0a);
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;

Alles anzeigen

wie kann ich das mit der child-theme style.css am besten überschreiben, ohne in das parent-theme einzugreifen?
mit background: none;
wird das nichts, da ich ja einen background festgelegt habe.