selfhtml.de - Alles für den Webmaster!

Anzeige: Goneo - Du machst das Web!

Anzeige: united-domains - Die ganze Welt der Domains

Re: Header aus gefloateten divs

Autor: Shrazaam [Beiträge: 7]
Datum: 10.06.2008 14:16:19

> Ich fand es mit der Lücke optisch ansprechender.

Hmm.. das werde ich jetzt aber eventuell so lassen. Mal schauen. Aber danke für den Hinweis.

> > Aus Ladezeitgründen ist das Hintergrundbild des
> > Login-Div ja nur 1px breit und wird wiederholt.
> > Somit würde die Lücke ja auch wiederholt werden.
> > Aber das hat sich ja jetzt sowieso erledigt.
>
> Das macht es aber für die User hier unnötig
> schwer, dir zu helfen.
> Wenn im Firefox etwas falsch läuft, können wir
> mit einem speziellen Programm bei der Fehlerseite
> Änderungen simulieren, ohne dass wir uns deine
> ganze Seite auf den PC herunterladen müssen. Der
> IE hat leider nicht so ein Tool.
> Deshalb muss man sich deine Seite zum Testen auf
> die eigene Festplatte holen.
> Dabei kommen die Hintergrundbilder aber nicht
> mit. Man muss sich jedes einzeln herunterladen,
> speichern und im Quellcode den Link anpassen.
> Jetzt sind deine Hintergrundbilder aber leider so
> schmal, dass man sie schlecht zu fassen bekommt,
> denn man muss mit der Maus ja genau darauf
> kommen.
> Wenn du sie nur ein bischen breiter machen
> würdest, würde das auch nicht länger laden.
>

Okay, dann weiß ich nun wie ihr fleißigen Helfer das macht. Ist erfolgt.


> Ich habe bspw im Moment zeitweise nur meinen
> alten 15"-Bildschirm, da mir mein 17er
> kaputtgegangen ist. Dort wäre eine größere
> Auflösung als 800 x 600 gar nicht sinnvoll.
> Mein Browserfenster ist also höchstens 800px
> breit.
> Ausserdem muss das Herunterrutschen in die
> nächste Zeile nicht nur bei kleinen Auflösungen
> vorkommen. Es kommt darauf an, wie gross das
> Browserfenster ist.
> Gaby hat hier mal vor langer Zeit eine Demo
> verlinkt, bei der aber jetzt leider auf jeder
> Seite die Werbung kommt. :-(

Nun gut. Letztendlich habe ich versucht, das Logo möglichst klein zu machen. Und die Navi verbraucht auch nur den nötigen Platz. Wenn es in zwei Zeilen rutscht, dann sei es drum. Wenn zu wenig Platz vorhanden ist, ist das nicht vermeidbar. Die Sache ist sowieso folgende: Der hauptsächliche Inhalt der Seite werden Matheaufgaben sein (nein wirklich?! ;). D.h. man guckt sich unter dem Banner soetwas wie Arbeitsblätter an, die man noch von damals aus der Schule kennt. Das geht nuneinmal nicht im minimierten Fenster bei 800x600. Das wissen die Lehrer aber. Die arbeiten ja sonst auch in Word unter vernünftigen Bedingungen an ihren ABs.

> Die Erfahrung habe ich leider auch schon gemacht,
> dass der IE6 bei verschachtelten Floats riesige
> Probleme macht. Deshalb vermeide ich sie, wo es
> geht. :-D

Das habe ich jetzt auch getan. Ich Vollidiot. Jetzt wo ich nur noch 2 Divs habe, kann ich doch viel besser mit position: absolute; arbeiten. Da der Login-Div nun eine feste Breite in em hat, kommt auch die Möglichkeit die Lücke von rechts aus zu platzieren wieder ins Spiel. Ich werde das ggf. mal ausprobieren.

> Dein Div-Salat und die vielen unnützen IDs machen
> es sehr schwer, sich darin zurechtzufinden. Lies
> mal hier:

Die ganzen Ids kommen zustande, weil ich bei der oberen Nav im Navi-Div immer ganz bestimmte Border angezeigt haben will, je nachdem ob sich z.B. rechts vom gehoverten Button der aktive Butten befindet, oder links. So dass eben dieses Gefühl vom Durchblättern durch Registerkarten aufkommt. Ich lasse also PHP immer feststellen welche Konstellation herrscht und über die IDs kann ich dann gezielt den verschiedenen Listenelementen ihre spezifischen Border geben. Wenn du dir das ganze genau anschaust (damit meine ich jetzt nicht im Quelltext), dann siehst du, dass die Border nicht immer gleich sind, sondern, dass es wirklich davon abhängt, welcher Link aktiv ist, ob ein Link ganz links ist, oder ganz rechts usw.
Ich wusste es nicht eleganter zu lösen.

> http://yatil.de/artikel/der-div-wahnsinn#bedeutung
>
> Beispielsweise ist das div um die Liste herum
> total überflüssig.

Das ist doch der Bereich in dem sich beide Navigationen befinden. Und in dem auch der Abstand nach links definiert ist, damit das Logo Platz hat.

> <div id="kopf_mi"> <div>>
>     <UL id='kopf_mi_o_nav'>
>         <LI id='kopf_mi_o_nav_links'>
>             <a href='aaa'>Schulaufgaben</a> </LI>
>
> Wenn du nur EINE Liste in dem div kopf_mi hast,
> brauchst du nicht der Liste und erst recht nicht
> auch noch den Listelementen nochmal extra IDs zu
> geben. Es reicht, wenn du es so schreibst
>
> <div id="kopf_mi">
>     <UL>
>         <LI> <a href='aaa'>Schulaufgaben</a> </LI>
>
> usw.
>
> Im Stylesheet benutzt du Elementselektoren für
> die Eigenschaften.

Dann kann ich aber, wie bereits geschildert, nur alle Listenelemente gleichzeitig ansprechen. Ich muss aber bestimmte Listenelemente nach bestimmten Kriterien ansprechen. Die Auswahl dieser Kriterien kann aber nicht von CSS erfolgen, weil dazu die Grammatik nicht ausreicht. Das kann nur PHP. Ich kann ja in CSS nicht folgendes machen:
Wenn nächstes Listenelement gleich span, dann li a:hover border-links: 1px solid #000000;.

>
> Ich würde auch den Divs, die ein Hintergrundbild
> haben, zusätzlich noch eine ähnliche
> HintergrundFARBE geben.
> Wenn das bg-bild aus irgendeinem Grund mal nicht
> angezeigt werden kann, bleibt der Hintergrund
> weiss, und dann hat die weisse Schrift darin
> keinen Kontrast mehr.
>

Erfolgt.

So nun kann man auch im IE6 die Seite zumindest halbwegs vernünftig betrachten. Nach wie vor wird alledings das Logo nicht angezeigt, was ich gar nicht verstehe. (?!)

• http://www.jointshare.de/projekte/matheboerse2
  

Antwort schreiben

Username:	Usernamen registrieren
Passwort:	Passwort vergessen?
Thema:
	Bitte benutze für deinen Beitrag die Groß-/Kleinschreibung!
Beitrag:	> > Ich fand es mit der Lücke optisch > ansprechender. > > Hmm.. das werde ich jetzt aber eventuell so > lassen. Mal schauen. Aber danke für den Hinweis. > > > > Aus Ladezeitgründen ist das Hintergrundbild > des > > > Login-Div ja nur 1px breit und wird > wiederholt. > > > Somit würde die Lücke ja auch wiederholt > werden. > > > Aber das hat sich ja jetzt sowieso erledigt. > > > > Das macht es aber für die User hier unnötig > > schwer, dir zu helfen. > > Wenn im Firefox etwas falsch läuft, können wir > > mit einem speziellen Programm bei der > Fehlerseite > > Änderungen simulieren, ohne dass wir uns deine > > ganze Seite auf den PC herunterladen müssen. > Der > > IE hat leider nicht so ein Tool. > > Deshalb muss man sich deine Seite zum Testen > auf > > die eigene Festplatte holen. > > Dabei kommen die Hintergrundbilder aber nicht > > mit. Man muss sich jedes einzeln > herunterladen, > > speichern und im Quellcode den Link anpassen. > > Jetzt sind deine Hintergrundbilder aber leider > so > > schmal, dass man sie schlecht zu fassen > bekommt, > > denn man muss mit der Maus ja genau darauf > > kommen. > > Wenn du sie nur ein bischen breiter machen > > würdest, würde das auch nicht länger laden. > > > > Okay, dann weiß ich nun wie ihr fleißigen Helfer > das macht. Ist erfolgt. > > > > Ich habe bspw im Moment zeitweise nur meinen > > alten 15"-Bildschirm, da mir mein 17er > > kaputtgegangen ist. Dort wäre eine größere > > Auflösung als 800 x 600 gar nicht sinnvoll. > > Mein Browserfenster ist also höchstens 800px > > breit. > > Ausserdem muss das Herunterrutschen in die > > nächste Zeile nicht nur bei kleinen > Auflösungen > > vorkommen. Es kommt darauf an, wie gross das > > Browserfenster ist. > > Gaby hat hier mal vor langer Zeit eine Demo > > verlinkt, bei der aber jetzt leider auf jeder > > Seite die Werbung kommt. :-( > > Nun gut. Letztendlich habe ich versucht, das Logo > möglichst klein zu machen. Und die Navi > verbraucht auch nur den nötigen Platz. Wenn es in > zwei Zeilen rutscht, dann sei es drum. Wenn zu > wenig Platz vorhanden ist, ist das nicht > vermeidbar. Die Sache ist sowieso folgende: Der > hauptsächliche Inhalt der Seite werden > Matheaufgaben sein (nein wirklich?! ;). D.h. man > guckt sich unter dem Banner soetwas wie > Arbeitsblätter an, die man noch von damals aus > der Schule kennt. Das geht nuneinmal nicht im > minimierten Fenster bei 800x600. Das wissen die > Lehrer aber. Die arbeiten ja sonst auch in Word > unter vernünftigen Bedingungen an ihren ABs. > > > Die Erfahrung habe ich leider auch schon > gemacht, > > dass der IE6 bei verschachtelten Floats > riesige > > Probleme macht. Deshalb vermeide ich sie, wo > es > > geht. :-D > > Das habe ich jetzt auch getan. Ich Vollidiot. > Jetzt wo ich nur noch 2 Divs habe, kann ich doch > viel besser mit position: absolute; arbeiten. Da > der Login-Div nun eine feste Breite in em hat, > kommt auch die Möglichkeit die Lücke von rechts > aus zu platzieren wieder ins Spiel. Ich werde das > ggf. mal ausprobieren. > > > Dein Div-Salat und die vielen unnützen IDs > machen > > es sehr schwer, sich darin zurechtzufinden. > Lies > > mal hier: > > Die ganzen Ids kommen zustande, weil ich bei der > oberen Nav im Navi-Div immer ganz bestimmte > Border angezeigt haben will, je nachdem ob sich > z.B. rechts vom gehoverten Button der aktive > Butten befindet, oder links. So dass eben dieses > Gefühl vom Durchblättern durch Registerkarten > aufkommt. Ich lasse also PHP immer feststellen > welche Konstellation herrscht und über die IDs > kann ich dann gezielt den verschiedenen > Listenelementen ihre spezifischen Border geben. > Wenn du dir das ganze genau anschaust (damit > meine ich jetzt nicht im Quelltext), dann siehst > du, dass die Border nicht immer gleich sind, > sondern, dass es wirklich davon abhängt, welcher > Link aktiv ist, ob ein Link ganz links ist, oder > ganz rechts usw. > Ich wusste es nicht eleganter zu lösen. > > > > http://yatil.de/artikel/der-div-wahnsinn#bedeutung > > > > Beispielsweise ist das div um die Liste herum > > total überflüssig. > > Das ist doch der Bereich in dem sich beide > Navigationen befinden. Und in dem auch der > Abstand nach links definiert ist, damit das Logo > Platz hat. > > > <div id="kopf_mi"> <div>> > >     <UL > id='kopf_mi_o_nav'> > >         <LI > id='kopf_mi_o_nav_links'> > >             > <a href='aaa'>Schulaufgaben</a> > </LI> > > > > Wenn du nur EINE Liste in dem div kopf_mi > hast, > > brauchst du nicht der Liste und erst recht > nicht > > auch noch den Listelementen nochmal extra IDs > zu > > geben. Es reicht, wenn du es so schreibst > > > > <div id="kopf_mi"> > >     <UL> > >         <LI> > <a href='aaa'>Schulaufgaben</a> </LI> > > > > usw. > > > > Im Stylesheet benutzt du Elementselektoren für > > die Eigenschaften. > > Dann kann ich aber, wie bereits geschildert, nur > alle Listenelemente gleichzeitig ansprechen. Ich > muss aber bestimmte Listenelemente nach > bestimmten Kriterien ansprechen. Die Auswahl > dieser Kriterien kann aber nicht von CSS > erfolgen, weil dazu die Grammatik nicht > ausreicht. Das kann nur PHP. Ich kann ja in CSS > nicht folgendes machen: > Wenn nächstes Listenelement gleich span, dann li > a:hover border-links: 1px solid #000000;. > > > > > Ich würde auch den Divs, die ein > Hintergrundbild > > haben, zusätzlich noch eine ähnliche > > HintergrundFARBE geben. > > Wenn das bg-bild aus irgendeinem Grund mal > nicht > > angezeigt werden kann, bleibt der Hintergrund > > weiss, und dann hat die weisse Schrift darin > > keinen Kontrast mehr. > > > > Erfolgt. > > So nun kann man auch im IE6 die Seite zumindest > halbwegs vernünftig betrachten. Nach wie vor wird > alledings das Logo nicht angezeigt, was ich gar > nicht verstehe. (?!)
Link (URL):
Titel für Link:
Grafik (URL):
	Die Breite der Grafik darf 468 Pixel nicht überschreiten.

E-Mail-Benachrichtigung:

wenn auf einen Beitrag zu diesem Thema geantwortet wird
nur wenn auf meinen eigenen Beitrag geantwortet wird
nie

Zum Abschicken deines Beitrags bitte die Schaltfläche "Abschicken" nur einmal anklicken und warten. Der Server braucht manchmal einige Zeit, bis er den Beitrag in die Datenbank übernommen hat. Wenn du die Schaltfläche mehrmals drückst, erscheint dein Beitrag auch mehrmals im Forum.

Bewerten Sie Ihren Webhosting-Provider

Wie zufrieden sind Sie mit Ihrem Webhosting-Provider? Gibt es Probleme beim Service, mit der Performance oder der Abrechnung?

Teilen Sie jetzt Ihre Erfahrungen mit anderen Webmastern und schreiben Sie eine Provider-Bewertung. Mit etwas Glück können Sie ein Apple iPad gewinnen!

Weitere Informationen und Teilnahme...