mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 23.11.2017 11:57 Benutzername: Passwort: Auto-Login

Thema: [CSS] UL-Tag zerschiesst P-Tag vom 08.08.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] UL-Tag zerschiesst P-Tag
Autor Nachricht
obike
Threadersteller

Dabei seit: 08.08.2009
Ort: Hamburg
Alter: 33
Geschlecht: Männlich
Verfasst Sa 08.08.2009 23:41
Titel

[CSS] UL-Tag zerschiesst P-Tag

Antworten mit Zitat Zum Seitenanfang

Hallo beisammen,

wie oben beschrieben liegen die beiden Tag's ein wenig im klinsch.

Ich gebe meine Daten innerhalb eines <P>-Tag's aus welches folgende Eigenschaften hat:
Code:

div#content p {
   margin-top: 2px;
   padding-left: 15px;
   padding-right: 15px;
}

Wenn jetzt mitten im Text eine Liste auftaucht, ist unterhalb der Liste das Padding futsch.

Das ganze ist in folgendem <div> eingebettet:
Code:

div#contentleft   {
   background-color:#FFFFFF;
   width: 500px;
   height:auto;
   margin-left: 45px;
   margin-top: 50px;
   margin-bottom: 20px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-bottomright: 10px;
   float:left;


Für ein besseres Verständniss nochmal als Bild anbei. Lächel
[img=http://img18.imageshack.us/img18/3484/ulvsp.th.jpg]
Danke *Thumbs up!*
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 44
Geschlecht: Männlich
Verfasst So 09.08.2009 07:33
Titel

Antworten mit Zitat Zum Seitenanfang

ul in p ist nicht xhtml-kompatibel. höchstwahrscheinlich wird das das problem sein. richtiger aufbau wäre

Code:

<p>blablabla</p>
<ul><li>blablaliste</li></ul>
<p>blablaweiter</p>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 29
Geschlecht: Männlich
Verfasst So 09.08.2009 10:44
Titel

Antworten mit Zitat Zum Seitenanfang

[edit]
Verschoben von Programmierung nach Allgemeines - Nonprint.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
obike
Threadersteller

Dabei seit: 08.08.2009
Ort: Hamburg
Alter: 33
Geschlecht: Männlich
Verfasst So 09.08.2009 13:07
Titel

Antworten mit Zitat Zum Seitenanfang

Danke dir!
Ich hatte mir sowas schon gedacht. Dann muss ich das nur noch dem WYSIWYG Editor beibringen *zwinker*

Gruss
Dennis
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 09.08.2009 13:16
Titel

Antworten mit Zitat Zum Seitenanfang

obike hat geschrieben:
Danke dir!
Ich hatte mir sowas schon gedacht. Dann muss ich das nur noch dem WYSIWYG Editor beibringen *zwinker*


Mal ehrlich, du verwendest CSS3 für den FF, aber Safari usw. soll nicht daran teilhaben? Zudem ist die Deklaration bei dir ziemlich umständlich:
Code:

-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari */
border-radius: 10px; /* 10px Radius um alle Elemente für CSS3 final */
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
obike
Threadersteller

Dabei seit: 08.08.2009
Ort: Hamburg
Alter: 33
Geschlecht: Männlich
Verfasst So 09.08.2009 14:41
Titel

Antworten mit Zitat Zum Seitenanfang

Ich arbeite noch nicht so lange mit <div>-Layern, ich bin bis vor einer Woche noch ein Tabellenkind gewesen.
Recht hast du aber, es ist ziemlich umständlich. Ich hatte das bei einem <div> ausprobiert und dann nicht mehr abgeändert, weil ich ehrlich gesagt stinkfaul bin und das dann nur noch kopiert habe.

Das mit dem -webkit-border-radius kannte ich noch nicht, danke dir!

Sehe ich das richtig, das CSS3 final, -moz und -webkit ablöst?

Gruss
Dennis
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 09.08.2009 15:07
Titel

Antworten mit Zitat Zum Seitenanfang

obike hat geschrieben:
Sehe ich das richtig, das CSS3 final, -moz und -webkit ablöst?


Der Standard des W3C wird
Code:
border-radius: 00px;
lauten. Die bis dahin gängigen Working Drafts müssen vom Browserhersteller mit der jeweiligen Kennzeichnung kommen: -webkit für Safari, -moz für Firefox/Mozilla, -o für Opera
Das liegt auch daran, das bisher die Werte anders interpretiert werden.

So kann man beim Safari 2 Werte angeben um die Radiusgröße zu variieren, beim Firefox geht das jedoch nicht.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen [HTML,CSS] style-tag vs. class-tag
JS ALT Tag zum TITLE Tag machen
Blink-Tag mit CSS?
CSS scrollen im div tag
[CSS] alt-tag für background-image?
Zwei CSS-Klassen auf einem Tag in E-Mail-Newsletter
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.