zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Brauche Hilfe... :(

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.10.2008, 23:37
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.10.2008
Beiträge: 7
css_honk befindet sich auf einem aufstrebenden Ast
Standard Brauche Hilfe... :(

Hallo zusammen.

Mache gerade meine erste Webseite mit CSS.
Es hakt irgendwie ein bisschen.
Bräuchte wahrscheinlich etwas mehr
Grundwissen, weil ich mir alles aus einem fertigen Template zusammen gehackt
habe, aber dafür sieht's schon ganz gut aus...

Im FF3 und in Safari sieht's eigentlich schon ganz o.k. aus,
aber in allen IEs ist kompletter Müll angesagt

Hier der Link : Testseite

Ich weiss, ist nicht (oder noch nicht) valide, aber ich wäre für Hilfe echt super-dankbar.

Macht euch auch schon mal darauf gefasst, das ich auf eine Antwort von euch erst mal mit einer Rückfrage reagieren werde...

Help me!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 31.10.2008, 12:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.10.2008
Beiträge: 7
css_honk befindet sich auf einem aufstrebenden Ast
Standard

Ach ich sehe schon, da habe ich aber echt ein paar Klöpse, die beim validieren angezeigt werden, reingemacht.

Die versuche ich jetzt erstmal zu finden und zu ändern.

Ich war nur so erschreckt, dass alles im Firefox funktioniert und im IE gar nicht.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 31.10.2008, 21:00
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.10.2008
Beiträge: 7
css_honk befindet sich auf einem aufstrebenden Ast
Standard

Ahoi zusammen.

Schön, dass ich hier einen Monolog halte.

Hilft sogar

Also, wer möchte, kann hier noch mal nachsehen:

Testseite

Also, ich wusste vor lauten Neuheiten, gar nicht, wo ich anfangen soll, aber die FAQ lesen hat insofern geholfen, dass ich XHTML und CSS valide gemacht habe und siehe da:

Der grundsätzliche Aufbau stimmt jetzt auch im IE 6+7,
ich gehe davon aus, dass der IE 5 CSS nicht richtig kann und ich ihn deshalb auch ignorieren darf, da sieht nämlich alles wild zerschossen aus.

Ist das richtig?

Eine Frage habe ich direkt noch:

Kann ich das verhindern, dass z.B. im FireFox beim Resizen der Seite, so dass sie kleiner als ihr Inhalt wird, die Hintergrundgrafik verschoben oder verkleiner wird -> siehe Bild?

So, redet doch bitte mit mir

Grüße + Danke
Angehängte Grafiken
Dateityp: jpg Bild 6.jpg (64,3 KB, 7x aufgerufen)
Mit Zitat antworten
  #4 (permalink)  
Alt 01.11.2008, 00:21
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Es ist Freitag abend, was erwartest Du^^

Das mit der Hintergrundgrafik kann ich hier an einem FF3.0.3 unter WinXP nicht nachvollziehen, aber beim IE verhauts mir alles.

Pack doch dein Menü in menumain und lass es links floaten.
Dem Content spendierst du ein eigenes Div und gibst entsprechendes margin mit.
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #5 (permalink)  
Alt 02.11.2008, 01:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.10.2008
Beiträge: 7
css_honk befindet sich auf einem aufstrebenden Ast
Standard

Hi.

Vielen Dank für Deine Antwort!!!

In welcher Version vom IE zerreisst es bei Dir?
Das mit der Hintergrundgrafik passiert hier im FF 2.0 und FF 3.0 und Opera 9, dass wenn ich das Fenster
kleiner als den Inhalt mache, irgendwann die Hintergrundgrafik nach links verschwindet. (Mit Safari 3 geht's - ich bin Mac-User )
Damit könnte ich zur Not aber leben...

Sieht sonst schon besser aus, aber im IE 5 nicht so gut, hat der überhaupt so was wie border dotted?
Warum ist da der Main-Content nach unten weg? Darf ich den IE 5.x ignorieren? Hat doch nur noch 0.2 - 0.4 % Marktanteil....

Hier mal der neueste Stand:

Test-Seite

Warum ist im IE der Abstand bei "a:hover" größer als bei "a:link"? Verstehe ich ja gar nicht.

Noch eine Frage wäre:

Wie kriege ich so einen kleinen Verlaufshintergrund hinter das Wort "Überschrift"?
(Also, die Grafik habe ich natürlich, aber wie einbetten..?)

Vielen Dank für eure Hilfe!
Angehängte Grafiken
Dateityp: jpg BG.jpg (27,8 KB, 4x aufgerufen)

Geändert von css_honk (02.11.2008 um 01:38 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 03.11.2008, 19:29
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.10.2008
Beiträge: 7
css_honk befindet sich auf einem aufstrebenden Ast
Standard

Nicht so viel los hier

das mit dem Hintergrund hinter der Überschrift habe ich sogar selbst geschafft

Ich brauche trotzdem Hilfe bei:

Wie kann ich den Spalt zw. der grünen und orangen Fläche wegkriegen - siehe Anhang, da scheint der Background durch???

Code:
#header_spacer{
	width: 837px;
	height: 58px;
	margin: 0;
	padding: 0;
}
HTML-Code:
<div id="header_spacer">
<img src="http://xhtmlforum.de/images/Gruen.gif" alt="" width="837" height="29" />
<img src="http://xhtmlforum.de/images/Orange_Subheader.gif" alt="" width="837" height="29" />
</div>
Testseite

und meine Dauerfrage, wenn mein Layout schon im IE 5.x zerschossen ist, kann ich den ignorieren oder durch ein anderes Stylesheet was abändern?

So helft mir doch. Bitte!

Oder mache ich was grundlegend falsch, wie ich hier auftrete? Sagt doch mal was...
Angehängte Grafiken
Dateityp: jpg Bild5.jpg (26,7 KB, 2x aufgerufen)

Geändert von css_honk (03.11.2008 um 19:35 Uhr)
Mit Zitat antworten
  #7 (permalink)  
Alt 03.11.2008, 20:07
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Du gehst das falsch an.
Entferne alle img-Elemente aus deinem Code, die keine inhaltliche Bedeutung haben (niemals nie nicht darf es etwas wie dein "whitespace.gif" geben. Für Abstände gibt es margin und padding!). Entferne außerdem das leere Element #header.
Es besteht keine Notwendigkeit, das Bild des Kopfbereichs in Einzelteile zu zerschneiden. Mach ein Bild draus und leg es als Hintergrundbild in ein passendes Element.

Dann: Informier dich über semantisches Markup. Eine Navigation gehört in eine Liste, auch eine grafische. [Ein Tutorial zu Bildernavigation findest du in den FAQ. JavaScript brauchst du dafür nicht.]
Fließtext gehört in p-Elemente.
Überschriften -- und nur diese! -- gehören in h1 bis h6, nicht in <span class="fliess">.

Zitat:
Kann ich das verhindern, dass z.B. im FireFox beim Resizen der Seite, so dass sie kleiner als ihr Inhalt wird, die Hintergrundgrafik verschoben oder verkleiner wird
Leg das Hintergrundbild in #page, nicht in body.

Den IE 5 kannst du zunächst getrost ignorieren.

Wie immer die Empfehlung: CSS muss man systematisch lernen. Dafür eignen sich Bücher, z.B. Little Boxes. Dieses Forum kann dir nicht die Grundlagen und jedes einzelne Schrittchen erklären.
Mit Zitat antworten
  #8 (permalink)  
Alt 03.11.2008, 20:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.10.2008
Beiträge: 7
css_honk befindet sich auf einem aufstrebenden Ast
Standard

DANKE! Danke schön!


Auf manche Sachen kommt man ja erst, wenn man sie fragt und wenn keiner antwortet, kommt man manchmal selber drauf...

Aber Du hast recht, ich probiere hier gerade mit der Brechstange von Table-ism auf CSS umzusteigen und habe die Basics ausgelassen und versucht ein Template zurechtzubiegen. (Und dafür sieht's trotzdem gut aus, finde ich)

Vielen Dank noch mal für die wertvollen Tipps.

Und ihr sollt mir natürlich nicht jede Kleinigkeit vorkauen, aber ich weiss ja nicht, ob es eine Kleinigkeit ist...
Aber warum ich 2 Grafiken untereinander habe statt einer? Oh mann, auf die dööfsten Sachen kommt man manchmal echt nicht... Merci!
Mit Zitat antworten
  #9 (permalink)  
Alt 03.11.2008, 21:26
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von css_honk Beitrag anzeigen
Aber Du hast recht, ich probiere hier gerade mit der Brechstange von Table-ism auf CSS umzusteigen
Ach drum. Das ist wohl das schwerste am Anfang, dieses Tabellendenken aufzugeben.
Lies mal:
A List Apart: Articles: 12 Lessons for Those Afraid of CSS and Standards

Nochmal der Tipp: Erst (wieder) lernen, wie HTML eigentlich funktioniert. Danach erst hat es Sinn, über CSS zu reden. Und fürs systematische Lernen: Kauf dir ein Buch. Glaub mir, du ersparst dir damit Zeit und schonst deine Nerven.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 03.11.2008, 21:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.10.2008
Beiträge: 7
css_honk befindet sich auf einem aufstrebenden Ast
Standard

Ja, Buch...

Jetzt muss ich erst mal dieses Projekt (auch nur für eine Bekannte...) fertig kriegen, von dem Taschengeld, kaufe ich mir dann mal ein Buch.

Danke noch mal an beide Antworter!
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
Brauche Hilfe, Tabelle + CSS D3r-Tot (X)HTML 3 02.08.2010 16:43
Brauche hilfe zu vhost.conf bei einem Apache debian vServer onkel-tom Serveradministration und serverseitige Scripte 5 16.11.2008 13:42
HILFE, ich brauche Hilfe von Profis! frambuesa CSS 13 13.06.2008 23:46
hintergrund bei css dateien weiss ... brauche hilfe deadmeiker CSS 0 02.09.2006 16:22
Brauche HILFE bei CSS:ebay seite erstellen! BRAUCHE MUSTER beavis-2005 CSS 2 23.11.2005 19:22


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:39 Uhr.