WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik


Homepage und Webhosting-Forum

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !


Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » Tabellen in css » Antworten
Benutzername:
Passwort: Passwort vergessen?
Inhalt der Nachricht: Fett | Kursiv | Unterstrichen | Link | Bild | Smiley | Zitat | Zentriert | Quellcode| Kleiner Text
Optionen: Emailbenachrichtigung bei Antworten
 

Die letzten 5 Postings in diesem Thema » Alle anzeigen
von Efchen
Ich habe nie behaupten wollen, dass ein <div> unsinnig sei. Nur viele Anfänger denken, ein CSS-Layout erstellt man mit <div>. So allein ist das Quatsch.
Sie denken, Formatierungen in CSS kann man nur auf <div> anwenden, positionieren kann man nur <div>s usw. Seine Formate kann man aber auf alle HTML-Tags anwenden (Ausnahmen bestätigen die Regel), und es gibt sehr oft eine semantisch bessere Alternative zu einem div. Anfänger packen oft einfachen Text in ein div, obwohl ein <p> sinnvoller wäre usw.

In der Regel verzichte ich auch nicht auf divs, weil es immer bei der Einteilung des Anzeigebereichs mehrere Elemente gibt, die irgendwie zusammengehören, denen man zusammen einen Abstand oder ein Hintergrundbild geben will usw. Dann ist ein <div> natürlich sinnvoll.

Aber <div>s auf mehreren Ebenen ineinander verschachtelt ist div-Soup.
von buu
Hallo,
so eine ähnliche Aufgabe hat sich mir auch in css gestellt - leider kann man dabei kaum auf divs verzichten, da viele browser probleme bekommen, non-divs als blockelement zu behandeln
wenn man eine webside nach logischen gesichtspunkten unterteilt (semantischer natur), ist dann nicht das einzig sinnvolle element das div?
mfg buu
von Efchen
Rieke schrieb am 17.03.2005 12:06
Nun gehts im Grunde
div auf div zu
div auf div zu

Nein. Das ist genauso schlecht wie Tabellen

Jetzt gehts mit semantischem HTML. U.U. kann man da hin und wieder sinnvoll ein div verwenden, aber semantische Bedeutung haben die Dinger keine und sind daher sparsam einzusetzen. Wer glaubt, seine Zellen in divs umzuwandeln, produziert Code der genauso schlecht ist, wie vorher.
von languitar
http://de.selfhtml.org/navigation/css.htm#positionierung

float und clear werden dir helfen.
von Rieke
Ich weiss ich weis ich weiss ... ich bin ein CSS-Krüppel ... und ja .. eigendlich liebe ich Tabellen ... alles war so schön einfach als sich noch niemand um den Quelltext einer Seite gescherrt hat ... aber ich muss mich den Agumenten beugen und versuche grade einen Teil unserer zukünftigen Seiten mit Inhalt zu bestücken und hierbei weitestgehend auf Tabellen zu verzichten und mit css zu arbeiten.

Leider will es nicht so wirklich wie ich es mir denke ...

tr auf
td auf xxx td zu
tr zu

neue tr auf ...

Das war recht einfach.
Nun gehts im Grunde
div auf div zu
div auf div zu

aber wie bringe ich ihm bei daraus NICHT div auf div zu div auf div zu also nebeneinander stehende Inhalte (spalten) zu machen ?
Ein br ignoriert er einfach und versucht trotzdem das nächste div neben des vorherige zu setzen.
Jemand einen Rat für mich ?

Hier mal ein Stück reduzierter vereinfachter Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20:
<div  class="headline"><img src="pfad/zur/datei/datei1.gif" width="175" height="17" alt="ÜBERSCHRIFT"/></div>
        <div class="startseite-news"> 
          <h2>headline 1</h2>
bla bla 1
<br>

           <h2>headline 2</h2>
bla bla 2 </div>

<div class="startseite-angebote"> <a href="">
<img src="pfad/zur/datei/datei2.gif" width="240" height="150" alt="xxx-Tarife"/></a> 
        </div>

<div class="startseite-domaincheck"> 
          <h2>Domain noch frei?</h2>
          <input type="text" name="domain" class="startseite-domaincheck-domain" value="wunschname.de" />
          <input type="image" src="pfad/zur/datei/datei3.gif" class="startseite-domaincheck-button" name="image">
        </div>

Nach oben