mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 16.04.2024 16:25 Benutzername: Passwort: Auto-Login

Thema: [CSS] UL-Tag zerschiesst P-Tag vom 09.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: 09.08.2009
Ort: Hamburg
Alter: 40
Geschlecht: Männlich
Verfasst So 09.08.2009 00: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: 50
Geschlecht: Männlich
Verfasst So 09.08.2009 08: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: 35
Geschlecht: Männlich
Verfasst So 09.08.2009 11: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: 09.08.2009
Ort: Hamburg
Alter: 40
Geschlecht: Männlich
Verfasst So 09.08.2009 14: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 14: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: 09.08.2009
Ort: Hamburg
Alter: 40
Geschlecht: Männlich
Verfasst So 09.08.2009 15: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 16: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 SWF zerschiesst mir das layout im Firefox
Outlook 2007 zerschiesst Tabelle
outlook zerschiesst immer meine tabelle ...bitte um hilfe
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.