Willkommen in der Webstatt
User-1 am 06.04.06 14:42

hallo css profis. ich habe ein css problem.

also die htmldatei soll am ende mal so oder so ähnlich aussehen wie im anhang dargestellt. im moment sieht sie aber leider so aus: http://www.xyz-70.bierquartier.de/muell/webstatt/rund/index.html

wie kann ich die richtige darstellung der text-divs erreichen? wichtig dabei ist, dass es sowohl 2- als auch 3-spaltige textabsätze geben muss (für mut und ohne kommentar. in meiner version werden die trotz genauer breitenangaben verzerrt angezeigt. wie kann man das lösen?

netcup.de Warum gibt es hier Werbung?
User-1 am 07.04.06 16:39

kann da keiner helfen? soll ich code oder so posten`?

User-2 am 07.04.06 16:41

Du must die Spalte auf der rechten Seite kleiner machen, damit es nicht doppelt angezeigt wird.

Um dir weiterzuhelfen, poste mal dein CSS-Code rein.

User-1 am 07.04.06 16:46

hö? wie "kleiner" was wir denn doppelt angezeigt?

Quote

<div class="date"><font class="monat">MAR</font><br><font class="tag">27</font><br><font class="jahr">2006 <br> 09:78</font></div>
<div class="text">text
</div>


<div class="date"><font class="monat">MAR</font><br><font class="tag">27</font><br><font class="jahr">2006 <br> 09:78</font></div>
<div class="text_mit_kommentar">text
</div>


Quote

.monat {
font-size: 11px;
color: #BDBDBD;
}

.tag {
font-size: 25px;
color: #BDBDBD;
}

.jahr {
font-size: 10px;
color: #BDBDBD;
}

.date {
float: left;
width: 41px;
padding-left: 9px;
padding-left: 3px;
margin-left: 0px;
}

.text {
margin-left: 9px;
padding-left: 12px;
margin-bottom: 9px;
width: 480px;
border-left-style: double;
border-left-width: 3px;
border-left-color: #6589C5;
align: left;
}

User-3 am 07.04.06 17:16

erst machst du mal nen doctype rein und dann gucken wir mal weiter ;)
im ernstfall danach mal fehler ausbessern (validator sollte helfen)

gruß, xyz-118.

User-1 am 07.04.06 18:53

das was ich ausbessern konnte hab ich ausgebesert.

...

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt