Gruppen

Top Gruppen: Windows 7; Windows Vista; Windows XP; Textverarbeitung; Excel; DSL; Internet Browser; E-Mail/Outlook
Betriebsysteme: Windows classik; Linux; BS-Sonstige
Software: Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; SW-Sonstige
Hardware: Mainboard/CPU; Grafikkarten; Peripherie; Laptop/Notebook; HW-Sonstiges
Netzwerk: Telefon,ISDN,Modem; W-Lan; NW-Sonstiges
Programmierung: PHP,ASP,Perl...; Java,C++...; Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke; SN Intern; Test

/ Forum / Webseiten/HTML

Webseiten/HTML

Fragevon Strg_Alt_Entf vom 03.04.2019, 12:34 Options

[CSS] div's nebeneinander - wie Tabelle

Hallo,

ich bin's mal wieder....

Bei meiner [->] Homepage möchte ich Tabellen durch CSS ersetzen.

Das ganze sollte so aussehen, wie auf der Chip.de-Startseite. Ich habe euch mal einen Screenshot gemacht, mit der Stelle, die ich meine: [->] Screenshot.

Ich möchte, dass die Überschriften genau nebeneinander in einer Reihe sind. Nicht so wie im Moment auf meiner [->] Seite

Gruß + Danke

Auszüge aus Quellcode (kann sein, dass es Mist ist):

[->] style.css:

#left {
	width: 50%;
	border:none;
	background-color:#99FFFF;
	float:left;
}
#right {
	width: 50%;
	border:none;
	background-color:#FFFF99;
	float:right;
}

- - - - - -

[->] ueber_mich.php:

<div id="left">
<h3>Überschrift 1 links</h3>
<p>INHALT 1</p>
</div>

<div id="right">
<h3>Überschrift 2 rechts</h3>
  <p>INHALT 2</p>
</div>

<div id="left">
<h3>Überschrift 3 links</h3>
<p>INHALT 3</p>
</div>

<div id="right">
<h3>Überschrift 4 rechts</h3>
<p>INHALT 4</p>
</div>

Antwort schreiben

Antwort 1 von Strg_Alt_Entf vom 03.04.2019, 15:24 Options

Versteht ihr die Frage nicht?

Antwort 2 von rfb vom 03.04.2019, 21:43 Options

Schon mal darüber nachgedacht, dass manche Menschen auch ein Leben außerhalb des SN kennen?

die Antwort auf deine Frage liegt doch nahe: gib den DIVs dieselbe Höhe

PS: du nutzt 2mal dieselbe ID - das ist nicht zulässig. Wenn du mehreren Elementen gleiche CSS-Eigenschaften geben willst nutze Klassen (und gib denen sinnvollere Namen als "left", Klassen und IDs sollen den Inhalt beschreiben, nicht das Layout)

Antwort 3 von Strg_Alt_Entf vom 03.04.2019, 23:20 Options

Zitat:
Schon mal darüber nachgedacht, dass manche Menschen auch ein Leben außerhalb des SN kennen?

Entschuldigung tut mir wirklich Leid. Ich habe i.M. Ferien und da habe ich ganz vergessen, dass andere Menschen auch arbeiten müssen und sonstiges tun.
Das habe ich auch gemerkt -leider gibt es keine Löschfunktion.
Tut mir Leid!!

Jetzt zum Eigentlichen:

ist eig. logisch, deine Lösung. Danke! Nur das mit

<div class="left">INHALT</div>

funktioniert irgendwie nicht. Der Text wird unformatiert (ohne richtige Positionierung) angezeigt.

Dir noch einen schönen Abend!
Gruß

Antwort 4 von rabies vom 04.04.2019, 00:21 Options

Klassen musst Du im CSS mithilfe eines Punktes ansprechen. Beispiel:

.left {
   irgendwas: wert;
}

--rabies.

Antwort 5 von rfb vom 04.04.2019, 06:30 Options

vermute das selbe Problem wie rabies.

Zitat:
funktioniert irgendwie nicht.

ist eine ziemlich nichtssagende Problembeschreibung!

Antwort 6 von Strg_Alt_Entf vom 04.04.2019, 11:26 Options

Vielen Dank!

Es funktioniert. Hatte in der style.css mal ein # oder garnichts davor, was natürlich falsch war.

Gruß

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..

Neue Einträge

Tipp einschicken

News einschicken