php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 06.07.2010, 10:04  
phyton
Gast
 
Beiträge: n/a
Standard [Erledigt] CSS: Spalten beginnen auf unterschiedlichen Ebenen

Hallo
Ist ja schon etwas her seitdem ich hier war, aber nun habe ich mal wieder ein Problem: Mittels CSS habe ich Spalten erstellt, jedoch beginnt die letzte Spalte auf einer anderen Höhe als der Rest. Hier ist ein Bild, das das mal verdeutlichen soll:



Mein HTML sieht so aus:

Code:
<div class="article">
	<div class="one_four">[…]</div>
	<div class="one_four">[…]</div>
	<div class="one_four">[…]</div>
	<div class="one_four_last">[…]</div>
</div>
Ich benutze für die letzte Spalte eine andere Klasse und nicht :last-child, um die Browserkompatibilität zu gewährleisten.

Das dazugehörige CSS sieht so aus:
Code:
.article {
	width:960px;
}
	.article div {
		line-height:1.5em;
	}

.one_four {
	width:225px;
	margin-right:20px;
	float:left;
}

.one_four_last {
	width:225px;
	margin:0;
	float:left;
}
Bin momentan ziemlich ratlos, das Problem hab ich in Safari sowie in Firefox.. Hoffe, mir kann jemand helfen

Liebe Grüße,
phyton
  Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 06.07.2010, 11:38  
da schreibt der ElePHPant
 
Benutzerbild von Flor1an
 
Registriert seit: 18.06.2008
Beiträge: 8.903
PHP-Kenntnisse:
Fortgeschritten
Flor1an ist ein wunderbarer AnblickFlor1an ist ein wunderbarer AnblickFlor1an ist ein wunderbarer AnblickFlor1an ist ein wunderbarer AnblickFlor1an ist ein wunderbarer AnblickFlor1an ist ein wunderbarer AnblickFlor1an ist ein wunderbarer Anblick
Standard

Pack deinen Firebug aus und schau dir die einzelnen DIVs mal an. Vlt. hat der letzte andere Padding/Margin Eigenschaften. Ansonsten musst du uns ne Onlinedemo geben sonst können wir dir hier schlecht helfen, an deinem Code ist es für mich zumindest nicht ersichtlich.
Flor1an ist offline   Mit Zitat antworten
Alt 06.07.2010, 11:46  
Moderator¹
 
Registriert seit: 28.03.2010
Beiträge: 7.470
PHP-Kenntnisse:
Fortgeschritten
ChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer Anblick
Standard

Bitte liefere in solchen Fällen ein Online-Beispiel - valides HTML & CSS, auf's wesentliche reduziert.
__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
ChrisB ist offline   Mit Zitat antworten
Alt 06.07.2010, 16:59  
phyton
Gast
 
Beiträge: n/a
Standard

Hier ist die Online-Version: Triffy.de
  Mit Zitat antworten
Alt 06.07.2010, 17:05  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard

Da liegt aber noch einiges mehr im Argen.
Wie auch immer:

<p></p><div class="one_four_last">
__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--
nikosch ist offline   Mit Zitat antworten
Alt 06.07.2010, 18:23  
Moderator¹
 
Registriert seit: 28.03.2010
Beiträge: 7.470
PHP-Kenntnisse:
Fortgeschritten
ChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von phyton Beitrag anzeigen
Hier ist die Online-Version: Triffy.de
Da sehe ich nur zwei Spalten, keine vier, wie im ursprünglichen Demo-Bild.
Und den genannten Effekt sehe ich da auch nicht.
__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
ChrisB ist offline   Mit Zitat antworten
Alt 06.07.2010, 21:10  
phyton
Gast
 
Beiträge: n/a
Standard

Ich weiß zwar nicht wie, aber das Problem ist weg.
@nikosch Was liegt denn noch mehr im Argen?
  Mit Zitat antworten
Alt 06.07.2010, 21:34  
Erfahrener Benutzer
 
Registriert seit: 05.02.2009
Beiträge: 1.401
PHP-Kenntnisse:
Fortgeschritten
Destruction ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Zitat:
Zitat von phyton Beitrag anzeigen
Ich weiß zwar nicht wie, aber das Problem ist weg.
@nikosch Was liegt denn noch mehr im Argen?
Die Ladezeit ist seeeeeeeeehr lang!
cu Grüße
__________________
"Dummheit redet viel..Klugheit denkt und schweigt.." [Amgervinus]
Destruction ist offline   Mit Zitat antworten
Alt 06.07.2010, 21:43  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard

Naja, ist ja nur DynDNS. Ich meine das:

Falls das so sein soll, ist es nicht sehr gelungen.
__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--
nikosch ist offline   Mit Zitat antworten
Alt 06.07.2010, 22:10  
phyton
Gast
 
Beiträge: n/a
Standard

Die Ladezeit resultiert daraus, dass die Website gerade nur lokal auf meinem Computer liegt und ich dann mit DynDNS dann darauf von außen zugreife.
@nikosch Bei dir wurde wohl das Cufon-Skript nicht geladen, sollte anders aussehen
  Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine 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 an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
[Erledigt] spalten in php durch arrays sortieren lassen Dintar1989 PHP Tipps 2010 3 29.06.2010 15:32
CSS 2 spalten layout und php d3x PHP Tipps 2010 9 10.06.2010 20:51
Einträge von Zellen in zwei Spalten vergleichen aschunk Datenbanken 2 30.04.2010 05:17
SQL: Mehrere Spalten als eine Resultspalte selektieren und sortieren nach Buchstabe juice122 Datenbanken 11 29.04.2010 20:55
[Erledigt] INSERT ... SELECT - nicht alle Spalten aus dem Select benutzen? kip Datenbanken 4 01.09.2009 13:06
PHP/Access - Anfrageergebnis mit gesammten Spalten oder als Objekt ? SkiD PHP Tipps 2009 3 15.08.2009 23:50
Mehrere Spalten in einer Zeile einer 2 Tabelle ketchup PHP Tipps 2009 5 28.04.2009 07:49
maximalwert aus mehreren Spalten obi PHP Tipps 2006 9 17.10.2006 12:55
Wie kann ich die Spalten einer Tabelle auslesen ? Datenbanken 0 31.10.2005 00:29
Alias-Spalte bei SQL-Abfrage aus drei Spalten generieren winfo_cologne Datenbanken 3 10.09.2005 11:13
drei Spalten einer Tabelle zusammenfügen Lia PHP Tipps 2005-2 24 16.08.2005 15:58
spalten zählen mit ausnahmen Datenbanken 8 16.07.2005 13:04
Addieren von 3 Spalten, nach Ergebnis sortieren Datenbanken 11 15.06.2005 09:54
Spalten Dynamisch als Tabelle anzeigen lassen(Spalten ausl.) Cyberbob_at_tot PHP Tipps 2005-2 6 04.06.2005 22:55
[Erledigt] [OT] besser eine Tabelle mit mehr Spalten oder aufteilen ? Datenbanken 1 22.10.2004 17:26

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
css spalten oben anfangen, css in spalte oben anfangen, css 2 spalten oben anfangen, #triffyde, 4 spalten css

Alle Zeitangaben in WEZ +2. Es ist jetzt 05:54 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum