Zum Inhalt wechseln

Als Gast hast du nur eingeschränkten Zugriff!


Anmelden 

Benutzerkonto erstellen

Du bist nicht angemeldet und hast somit nur einen sehr eingeschränkten Zugriff auf die Features unserer Community.
Um vollen Zugriff zu erlangen musst du dir einen Account erstellen. Der Vorgang sollte nicht länger als 1 Minute dauern.

  • Antworte auf Themen oder erstelle deine eigenen.
  • Schalte dir alle Downloads mit Highspeed & ohne Wartezeit frei.
  • Erhalte Zugriff auf alle Bereiche und entdecke interessante Inhalte.
  • Tausche dich mich anderen Usern in der Shoutbox oder via PN aus.
 

   

Foto

Verständnis bezügl HTML div id's

- - - - -

  • Bitte melde dich an um zu Antworten
5 Antworten in diesem Thema

#1
opheus

opheus

    Noob

  • Banned
  • PIPPIP
  • Likes
    2
  • 7 Beiträge
  • 1 Bedankt
  • 0

Hallo, ich habe mal eine frage.

 

Nehmen wir mal an ich möchte ein Footer für meine Seite machen. Dafür benutze ich ja die DIV Klasse.

 

Sprich:

 

<div id="footer"> </div>

 

Und in dem div kommt dann der ganze Inhalt zum footer rein. Aber manche Personen machen es so:

 

<div id="footer">

<div id="footer_content"> </div>

 

oder

 

<div id="footer"> </div>

<div id="footer_content"> </div>

 

weiß ich nicht mehr genau (oder ist es das gleiche? :D)

 

aber aufjedenfall, warum macht man dann noch eine "unterkategorie" zu dem Footer, wenn man den ganzen content doch auch bei der ID footer eintragen kann?  wozu ist dann der footer_content nützlich?

 

Hoffe auf verständlichkeit

 

Grüße


Bearbeitet von opheus, 17 May 2016 - 22:08 Uhr.


#2
pi^2

pi^2

    Hacker

  • Premium Member
  • Likes
    273
  • 181 Beiträge
  • 46 Bedankt

warum nutzt man nicht HTML5 und entsprechend einfach <footer>?!



#3
3xc3ll3nt

3xc3ll3nt

    Script Kiddie

  • Members
  • PIPPIPPIPPIP
  • Likes
    27
  • 26 Beiträge
  • 4 Bedankt
  • Android [root]
  • Windows, Linux, Mac OS

Du musst deine Elemente immer abschliessen, also entweder

<div id="footer">
    <div class="inner">
        content
    </div>
</div>

oder ohne "inner"

<div id="footer">
    content
</div>

Solche "inner" divs kannst du verwenden um ein div in einem anderen zu zentrieren bzw. den Inhalt zu positionieren (können auch 3 divs nebeneinander sein, dann nennt man es aber für üblich nicht "inner").

Nun siehst du auch weshalb dein zweites Beispiel niemandem was bringen wird, das sind einfach zwei divs nacheinander.

 

Noch ein kleiner zusätzlicher Tipp: Im CSS könntest du das dann so lösen:

#footer{
    /* attribute */
}

#footer > .inner{
    /* attribute */
}

Mit "#footer .inner" sprichst du jede .inner Klasse in #footer and, doch dank des "grösser als" Zeichens, beschränkst du es auf das erste .inner div.

Somit musst du nicht id's wie "footer" und "footer-inner" benutzen.

 

Ich würde wirklich achten dass du

Please Login HERE or Register HERE to see this link!

begriffen hast, wollte selbst auch nie wirklich genügend Zeit dafür investieren was mich am Ende dann viel mehr Zeit gekostet hat ;)

 

 

 

Sollte ich was Falsches gesagt haben bitte melden.


  • PaulaAbdul und opheus gefällt das

Ich bin weder dieser 3xc3ll3nt noch dieser 3xc3ll3nt noch dieser 3xc3ll3nt noch dieser 3xc3ll3nt noch sonst irgendein 3xc3ll3nt.


Thanked by 1 Member:
opheus

#4
opheus

opheus

    Noob

  • Banned
  • PIPPIP
  • Likes
    2
  • 7 Beiträge
  • 1 Bedankt
  • 0

@3xc3ll3nt vielen dank für dein Beitrag. Was ich aber nicht verstehe ist, warum braucht man eine "inner" klasse, um es zu "zentrieren". Das geht doch auch mit der Main ID oder nicht?



#5
3xc3ll3nt

3xc3ll3nt

    Script Kiddie

  • Members
  • PIPPIPPIPPIP
  • Likes
    27
  • 26 Beiträge
  • 4 Bedankt
  • Android [root]
  • Windows, Linux, Mac OS

Also wenn du nur das div mit der ID 'footer' zentrieren möchtest, benötigst du selbstverständlich kein inner div.

 

Hier noch ein JS Fiddle, vielleicht ist es dann verständlicher:

Please Login HERE or Register HERE to see this link!

Solltest du etwas nicht verstehen, oder irgendwelche Fragen haben, erkläre genau was du nicht verstehst und was du denkst.


  • opheus gefällt das

Ich bin weder dieser 3xc3ll3nt noch dieser 3xc3ll3nt noch dieser 3xc3ll3nt noch dieser 3xc3ll3nt noch sonst irgendein 3xc3ll3nt.


#6
opheus

opheus

    Noob

  • Banned
  • PIPPIP
  • Likes
    2
  • 7 Beiträge
  • 1 Bedankt
  • 0

Also wenn du nur das div mit der ID 'footer' zentrieren möchtest, benötigst du selbstverständlich kein inner div.

 

Hier noch ein JS Fiddle, vielleicht ist es dann verständlicher:

Please Login HERE or Register HERE to see this link!

Solltest du etwas nicht verstehen, oder irgendwelche Fragen haben, erkläre genau was du nicht verstehst und was du denkst.

 

Vielen Dank, ich hatte den Footer jetzt nur als beispiel genommen. Aber jetzt verstehe ich was du meinst wo du mir das Praktische Beispiel gezeigt hast :)


  • 3xc3ll3nt gefällt das



  Thema Forum Themenstarter Statistik Letzter Beitrag

Besucher die dieses Thema lesen:

Mitglieder: , Gäste: , unsichtbare Mitglieder:


This topic has been visited by 28 user(s)


    0*ptr, 3xc3ll3nt, ADOL, BlackZetsu, borni, Drew, Framerater, gutzuu, Jack_Frost, JohnR, justread, Kaban, kingkev0, kiwitone, leonalexkraus, loginman1, mettbrot, noTime, opheus, PaulaAbdul, pi^2, Silent0wn3r, smc2014, Terrafaux, umarex, w0tan, xVirtu, ZOTT
Die besten Hacking Tools zum downloaden : Released, Leaked, Cracked. Größte deutschsprachige Hacker Sammlung.