selfhtml.de - Alles für den Webmaster!

 

Anzeige: Goneo - Du machst das Web!

Anzeige: united-domains - Die ganze Welt der Domains

united domains - jetzt Wunsch-Domain sichern!

Einfache & schnelle Domain-Registrierung zu fairen Preisen ohne Einrichtungsgebühren. Mehr als 250 Domain-Endungen aus einer Hand inklusive E-Mail- & Web-Weiterleitung. Einzigartiges Domain-Portfolio zur bequemen & sicheren Verwaltung Ihrer Domain-Namen.

Jetzt Domain-Check bei united-domains!

Re: Re: Header aus gefloateten divs

Autor: Shrazaam [Beiträge: 7]
Datum: 09.06.2008 01:34:12

> Entscheide dich bitte für _EIN_ Forum!
>
> Multipostings sind nirgends gerne gesehen.
>
> Eine nachvollziehbare Begründung für unseren
> verständlichen Wunsch findest du hier:
> http://das-excel-forum.de/cross.htm

Zunächst möchte ich mich für das Multiposting entschuldigen. Ich bin dem Link gefolgt und habe mir die Infos durchgelesen. Ich hatte leider nicht nachgedacht, kann dem Statement aber nur zustimmen und mich nochmals entschuldigen - und mich darüberhinaus für die trotzdem gepostete, freundliche Antwort von Dir bedanken, gaby.


Wieder zur Sache:
Ich möchte anmerken, dass ich was HTML und CSS angeht, lediglich so viel Ahnung habe, dass ich beim Erstellen ohne WYSIWYG auskomme. Mit den Standards und Regeln kenne ich mich nicht aus.

> Du hast da eine ziemliche Div-Suppe generiert,
> und sehr viele Eigenschaften angegeben, die man
> auch weglassen könnte, da sie Defaultwerte
> enthalten.

Ich hatte zunächst an drei Divs gedacht:
1. Logo (links)
2. Navigationen (mitte)
3. Login-Formular (rechts)

Ich hatte folgendes vor:
Logo- und Login-Div sollten sich dynamisch dem Inhalt anpassen. Den Rest des horizontalen Raumes sollte der Navigationen-Div einnehmen. Letzteres wusste ich nicht zu bewerkstelligen.

Workaround: Alles auf width:auto; stellen. Dann alles in einen obergeordneten Div fügen. Dann diesem denselben Hintergrund geben, wie dem mittleren Div.

Das funktioniert ja auch für FF,Opera und IE7.
Frage: Codemäßig vertretbar? if not: Wie eleganter zu lösen?

> Ich habe diese auf dem Screenshot mal etwas
> eingerückt und falsch geschrieben.
> Wenn Du diese löschst, und dann die Datei als
> *.html-Datei mit _internem_ Stylesheet
> (css zwischen <head> und </head>) nochmal
> zur Verfügung stellst, haben andere User (und Du)
> es übersichtlicher, und mit dem internen
> Stylesheet auch leichter zum Testen.

Danke, erfolgt.

> Keine Breite anzugeben, ist zulässig.
> Dann rendern standardkonforme Browser die Box so
> breit, wie ihr Inhalt es erfordert.

Okay.
Dann ist es vllt. doch eher der IE6 der Probleme macht?

Unten findet ihr nochmal den Link zur Seite und außerdem einen Link zu einem Bild, auf dem zu sehen ist, was mir FF,Opera und IE6+7 anzeigen.

Wie man sieht, wird die Seite in IE7 und Firefox 3 Beta 5 "korrekt" angezeigt.

Opera zeigt keinen Abstand zwischen Header und Footer,
obwohl er in #koerper als margin: 5px 0px 0px 0px; definiert ist. Klappt das clear: both; im div.clear vllt. nicht richtig?

Der IE6 verbreitert den rechten (roten) Div auf den zur Verfügung stehenden Raum, statt die Breite dem Inhalt anzupassen. Die horizontale weiße Lücke, die zwischen dem Navi-Div und dem Login-Div sein sollte, befindet sich ganz links.
Außerdem wird der Hintergrund des Headers in einer zweiten Zeile nochmal angezeigt.

http://www.jointshare.de/projekte/matheboerse2/
http://www.jointshare.de/projekte/matheboerse2/images/matheboerse_opera_ff_ie.jpg

Gruß und Dank
Niklas


Beiträge

Antwort schreiben

Username: Usernamen registrieren
Passwort: Passwort vergessen?
Thema:
  Bitte benutze für deinen Beitrag die Groß-/Kleinschreibung!
Beitrag:
Link (URL):
Titel für Link:
Grafik (URL):
  Die Breite der Grafik darf 468 Pixel nicht überschreiten.
 
E-Mail-Benachrichtigung:



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

Webhosting Provider bewerten und Apple iPad gewinnenWie 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...