[Erledigt] Zwei Layout-Probleme in einfachem HTML-Dokument - Seite 2

nikosch · 01.07.2011, 22:01

Nö. Der Selektor matcht. Nochmal: BENUTZE FIREBUG!

Zitat:

footer ul li:last-child {
}

Offensichtlich ist Dein CSS schlicht leer.

ninoid · 01.07.2011, 22:13

Das stimmt. Laut FireBug passen beide Selektoren. Warum das bei h1 nicht funktioniert ist mir ein Rätsel, da er ja auch "margin-top:10px;" anzeigt, es eben einfach nur nicht macht. Warum FireBug bei "footer ul li:last-child" keinen CSS-Code findet ist mir schleierhaft, da es definitiv nicht leer ist:

PHP-Code:

  footer ul li:last-child { <!-- Funktioniert offensichtlich nicht -->
                margin-right:0;
            }

Vielen lieben Dank aber für Deine Mühe!

nikosch · 01.07.2011, 22:16

Zitat:

In CSS gilt immer noch /* Kommentar Syntax */

Alles übrige wirst Du damit vermutlich auch abschneiden.

Zitat:

Warum das bei h1 nicht funktioniert ist mir ein Rätsel,

Habe ich oben geschrieben, das ist kein Bug, sondern margin-collapsing und mit has_Layout zu beheben/

ninoid · 01.07.2011, 22:27

Ich bin Dir zu tiefem Dank verpflichtet.

Der Footer sieht schonmal prima aus. Das mit dem has_Layout habe ich nicht verstanden, aber ich schau's mir nochmal an. Vielleicht nerve ich nochmal.

ninoid · 02.07.2011, 00:47

Okay, das mit dem has_Layout habe ich nicht ganz verstanden, daher habe ich versucht das Problem zu umgehen. Ich habe dem section-Bereich (= hellgraue Content-Box) "padding-top:10px;" zugewiesen. Der darauffolgenden Headline1 (h1) habe ich - genau wie den darauffolgenden drei Absätzen - zugewiesen. Das funktioniert auch. Fast. Obwohl es zwischen den beiden nicht-fettgedruckten Ansätzen klappt, wird es am unteren Rand der section-Box wieder ignoriert.

Ich habe die veränderte Datei wieder auf ninoid.com/problemkinder hochgeladen.

ninoid · 02.07.2011, 00:51

Wenn ich versuche, dass Problem zu umgehen, indem ich der Content-Box "padding-bottom:10px;" zuweise, erhört er plötzlich auch das dem Absatz befohlene "margin-bottom:10px;" und zeigt 20px Space an. Waaas?

nikosch · 02.07.2011, 01:27

Bastel nicht, sondern lerne, wie es richtig geht. Du hast die richtigen STichwörter.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem mit PHP Simple HTML DOM Parser	berryone	PHP-Fortgeschrittene	2	30.08.2010 18:00
Doppelter E-Mail versand	include21	PHP Tipps 2010	3	06.05.2010 15:47
PHP und HTML - Ein paar Probleme	Rubio	Scriptbörse	99	13.02.2010 15:55
CHarset und Probleme mit IE	KeKs0r	HTML, Usability und Barrierefreiheit	10	26.01.2010 21:59
[Erledigt] Probleme mit html tabellen	peschels	PHP Tipps 2009	25	20.09.2009 09:51
[Erledigt] Zeichensatz Probleme \| html sonderzeichen euro	moveax1	PHP Tipps 2009	2	25.03.2009 13:15
HTML Dokument durchsuchen	bartzi	PHP Tipps 2008	3	02.04.2008 10:08
HTML Zeichen in einem bestehendem XML Dokument umwandeln		PHP Tipps 2006	33	24.03.2006 17:33
Probleme mit \" in html code		PHP Tipps 2006	6	22.02.2006 19:19
CSS Layout macht Probleme mit Firefox	Wimme	HTML, Usability und Barrierefreiheit	2	15.10.2005 13:33
Probleme bei der combo html und php	Dopedouglaz	PHP Tipps 2005	10	13.05.2005 11:14
Grosse Probleme Code an HTML Grundgerüst anzupassen	Kori	PHP Tipps 2005	6	15.01.2005 10:42
Validitor (HTML 4.01) = Schwachsinn?	Filewalker	Off-Topic Diskussionen	19	03.08.2004 15:27
[Erledigt] Probleme mit html tags!		PHP Tipps 2004	5	28.07.2004 23:37


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

01.07.2011, 22:13
ninoid Neuer Benutzer Registriert seit: 01.07.2011 Beiträge: 9 PHP-Kenntnisse: Anfänger	Das stimmt. Laut FireBug passen beide Selektoren. Warum das bei h1 nicht funktioniert ist mir ein Rätsel, da er ja auch "margin-top:10px;" anzeigt, es eben einfach nur nicht macht. Warum FireBug bei "footer ul li:last-child" keinen CSS-Code findet ist mir schleierhaft, da es definitiv nicht leer ist: PHP-Code: `footer ul li:last-child { <!-- Funktioniert offensichtlich nicht --> margin-right:0; }` Vielen lieben Dank aber für Deine Mühe!

01.07.2011, 22:27
ninoid Neuer Benutzer Registriert seit: 01.07.2011 Beiträge: 9 PHP-Kenntnisse: Anfänger	Ich bin Dir zu tiefem Dank verpflichtet. Der Footer sieht schonmal prima aus. Das mit dem has_Layout habe ich nicht verstanden, aber ich schau's mir nochmal an. Vielleicht nerve ich nochmal.

02.07.2011, 00:47
ninoid Neuer Benutzer Registriert seit: 01.07.2011 Beiträge: 9 PHP-Kenntnisse: Anfänger	Okay, das mit dem has_Layout habe ich nicht ganz verstanden, daher habe ich versucht das Problem zu umgehen. Ich habe dem section-Bereich (= hellgraue Content-Box) "padding-top:10px;" zugewiesen. Der darauffolgenden Headline1 (h1) habe ich - genau wie den darauffolgenden drei Absätzen - zugewiesen. Das funktioniert auch. Fast. Obwohl es zwischen den beiden nicht-fettgedruckten Ansätzen klappt, wird es am unteren Rand der section-Box wieder ignoriert. Ich habe die veränderte Datei wieder auf ninoid.com/problemkinder hochgeladen. Geändert von ninoid (02.07.2011 um 00:52 Uhr).

02.07.2011, 00:51
ninoid Neuer Benutzer Registriert seit: 01.07.2011 Beiträge: 9 PHP-Kenntnisse: Anfänger	Wenn ich versuche, dass Problem zu umgehen, indem ich der Content-Box "padding-bottom:10px;" zuweise, erhört er plötzlich auch das dem Absatz befohlene "margin-bottom:10px;" und zeigt 20px Space an. Waaas?

02.07.2011, 01:27
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Bastel nicht, sondern lerne, wie es richtig geht. Du hast die richtigen STichwörter. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --