zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Was zerschiesst mir mein Layout?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.09.2012, 02:32
Benutzerbild von dercoe
Wissbegierig
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 02.01.2010
Ort: NRW
Beiträge: 115
dercoe befindet sich auf einem aufstrebenden Ast
Standard Was zerschiesst mir mein Layout?

Guten Morgen zusammen,

bitte habt Nachsicht, falls ich nicht mehr alle Buchstaben richtig treffe, aber ich sitze hier bereits einige Stunden vor einem Problem...

Hier meine Beispielseite

Mein Anliegen:

Das Gästebuch soll mittels php-include in die vorhandene Seite eingesetzt werden. Klappte soweit auch ganz gut, bis auf die Tatsache, daß die Beiträge sich sehr weit nach unten schieben. Normalerweise befinden sich die Einträge unmittelbar unter dem Begriff "Eintragen".

Im Verdacht habe ich die Navigationsleiste links. Die Einträge des Gästebuchs verschieben sich nämlich weiter runter, sobald ich die Navigationsliste um einen Punkt erweitere.
Habe ich irgendeinen Float vergessen zu clearen?

Der Schreiber dieses Gästebuchs hat seinen Quellcode mit einem eigenen Container versehen, damit sich das Gästebuch nicht mit vorhandenen Styles der Site in die Quere kommt.

Wie bekomme ich den riesen Abstand zwischen dem Wort "Eintragen" und dem ersten Eintrag weg?

Für Euch vielleicht ein leichtes, für mich der Grund jetzt ins Bett zugehen
__________________
Gruß
Marko


Habt Geduld mit den Anfängern, schließlich wurde niemand allwissend geboren!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.09.2012, 03:18
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

table.entry hat clear: both; und landet daher korrekterweise unter der links floatenden Navi.

Unabhängig davon, wie sinnvoll dieses clear ist, sollte die rechte Spalte ihren eigenen Block Formatting Context erzeugen - am besten, indem sie ebenfalls floatet.

#gaestebuch & Co. bekommen also float (links oder rechts ist letztlich egal) und eine Breite, und ihr margin-left fliegt raus bzw. wird angepasst (je nachdem, ob Du float: left oder right schreibst).
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 11.09.2012, 09:48
Benutzerbild von dercoe
Wissbegierig
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 02.01.2010
Ort: NRW
Beiträge: 115
dercoe befindet sich auf einem aufstrebenden Ast
Standard

Hallo Heiko,

ertsmal danke für Deine Hilfe!

Habe die rechte Spalte jetzt ebenfalls ins floaten gebracht. Mit einer prozentualen width für navi und den maincontent.

Der clear:both-Befehl im table.entry kommt wahrscheinlich daher, daß die Elemente "Einträge" und "Eintragen" ebenfalls nach links und rechts gefloatet wurden, und man diesen float spätestens ab den Einträgen wieder löschen wollte.

So würde ich das jetzt interpretieren.
__________________
Gruß
Marko


Habt Geduld mit den Anfängern, schließlich wurde niemand allwissend geboren!
Mit Zitat antworten
  #4 (permalink)  
Alt 11.09.2012, 13:03
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Dein width: 10%; für #navi verträgt sich allerdings nicht mit width: 138px; (plus padding) der Navi-Links.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #5 (permalink)  
Alt 11.09.2012, 13:12
Benutzerbild von dercoe
Wissbegierig
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 02.01.2010
Ort: NRW
Beiträge: 115
dercoe befindet sich auf einem aufstrebenden Ast
Standard

Die 138px benötigt ich für die hover-Grafik

Von der Anzeige her wirds doch richtig angezeigt, oder was meinst Du mit "vertragen"?
__________________
Gruß
Marko


Habt Geduld mit den Anfängern, schließlich wurde niemand allwissend geboren!
Mit Zitat antworten
  #6 (permalink)  
Alt 11.09.2012, 14:03
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Die Links laufen horizontal über. Die Navi ist ggf. nur 100px breit, die Links dagegen sind breiter.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #7 (permalink)  
Alt 12.09.2012, 02:08
Benutzerbild von dercoe
Wissbegierig
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 02.01.2010
Ort: NRW
Beiträge: 115
dercoe befindet sich auf einem aufstrebenden Ast
Standard

Dafür hab ich dem wrapper doch eine min-width gegeben, damit sich das Layout nicht zusammenschieben kann.
__________________
Gruß
Marko


Habt Geduld mit den Anfängern, schließlich wurde niemand allwissend geboren!
Mit Zitat antworten
  #8 (permalink)  
Alt 12.09.2012, 13:44
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

min-width 1000px. Navi-width 10%. Link-width 138px plus padding. Und ich wiederhole mich: Die Navi ist ggf. nur 100px breit, die Links dagegen sind breiter. 10% von 1000px sind 100px und das ist zuwenig!
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #9 (permalink)  
Alt 12.09.2012, 14:00
Benutzerbild von dercoe
Wissbegierig
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 02.01.2010
Ort: NRW
Beiträge: 115
dercoe befindet sich auf einem aufstrebenden Ast
Standard

Danke, hab verstanden was Du meinst.
__________________
Gruß
Marko


Habt Geduld mit den Anfängern, schließlich wurde niemand allwissend geboren!
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bei IE6 zerschießt das Layout - mehrere verschachtelte DIVs Scolex CSS 9 04.05.2011 18:54
Zweispaltiges Layout - Hürde ~BuRnInGsOuL~ CSS 9 24.07.2010 19:10
Liquides Layout ohne logische Struktur zu zerstören sas (X)HTML 17 22.03.2010 10:35
Positionierung und Layout Probleme dabidu CSS 9 22.10.2006 10:57
3 spaltiges Layout, die 100.000te Speedoo CSS 21 18.08.2006 11:13


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:29 Uhr.