mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 08:14 Benutzername: Passwort: Auto-Login

Thema: #CSS { border: problem; } vom 02.08.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> #CSS { border: problem; }
Seite: 1, 2  Weiter
Autor Nachricht
eyepe
Threadersteller

Dabei seit: 30.05.2005
Ort: Thüringen
Alter: 37
Geschlecht: Männlich
Verfasst Do 02.08.2007 01:16
Titel

#CSS { border: problem; }

Antworten mit Zitat Zum Seitenanfang

Hi Hi,

beim Versuch mal ein etwas komplexeres Layout in CSS umzusetzte hänge ich im Moment an folgendem Borderproblem:




Das war mein Ansatz:
Zitat:

<div class="rahmen">
<div class="inhalt">
</div>
</div>

Zitat:

.rahmen {
padding: 1px 0 1px 0;
border-top: 1px dotted #000000;
border-bottom: 1px dotted #000000;
margin-top: 20px;
}
.inhalt{
height: 100px;
background-color: #b70000;
}

Ist der richtig, oder sind 2 div's zuviel?

Danke
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
alien

Dabei seit: 06.07.2006
Ort: aus der Phantasie
Alter: -
Geschlecht: Männlich
Verfasst Do 02.08.2007 03:10
Titel

Antworten mit Zitat Zum Seitenanfang

Was möchtest du jetzt wissen, wo liegt dein Problem?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
dastef

Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 02.08.2007 06:19
Titel

Re: #CSS { border: problem; }

Antworten mit Zitat Zum Seitenanfang

coming_soon hat geschrieben:
Ist der richtig, oder sind 2 div's zuviel?

Es gibt einfach Anwendungsfälle wo es nicht mit weniger funktioniert,
manchmal vorrausgesetzt, dass man auf diverse Fixes für den ein
oder anderen Browser verzichten will.
  View user's profile Private Nachricht senden
eyepe
Threadersteller

Dabei seit: 30.05.2005
Ort: Thüringen
Alter: 37
Geschlecht: Männlich
Verfasst Do 02.08.2007 12:00
Titel

Antworten mit Zitat Zum Seitenanfang

alien hat geschrieben:
Was möchtest du jetzt wissen, wo liegt dein Problem?


Ging darum, dass ich, nur weil ich den dotted border 1px weiter weg haben will, ein neues div machen muss.
Ob das so ok ist, oder ob es da vllt noch eine Éigenschaft gibt, mit der sich sowas lösen lässt. Bin wie gesagt noch Anfänger, mir sind noch so arg viele Möglichkeiten von CSS bekannt.

Vllt poste ich dann mal das Gesamt Layout, dass ein Profi mal sagen kann, ob das so richtig aufgebaut ist. Bin mir nämlich nicht sicher ob ich das richtig oder viel zum umständlich habe.

Danke, bis dann.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kraat

Dabei seit: 05.10.2006
Ort: Köln
Alter: 42
Geschlecht: Männlich
Verfasst Do 02.08.2007 12:11
Titel

Antworten mit Zitat Zum Seitenanfang

Also nur wegen einer "einfachen" Border ein zweites DIV zu nehmen, halte ich für überflüssig. Mit Kanonen auf Spatzen schießen. Es reicht in deinem Beispiel ein DIV aus. Wenn es irgendwann mal komplexer wird, dann wirste mehrere brauchen.

Musst selber auch gucken, ob Du dich selber in deinem Code zurechtfindest. In deinem Beispiel würdest Du den Überblick sehr schnell verlieren. Wenn du es so weiter verfolgst.

Gruß
  View user's profile Private Nachricht senden
Zeithase

Dabei seit: 09.05.2005
Ort: Erfurt
Alter: 39
Geschlecht: Männlich
Verfasst Do 02.08.2007 12:12
Titel

Antworten mit Zitat Zum Seitenanfang

Kraat hat geschrieben:
Es reicht in deinem Beispiel ein DIV aus.


Achja? Dann schmeiß mal etwas CSS+HTML her.
  View user's profile Private Nachricht senden
eyepe
Threadersteller

Dabei seit: 30.05.2005
Ort: Thüringen
Alter: 37
Geschlecht: Männlich
Verfasst Do 02.08.2007 12:22
Titel

Antworten mit Zitat Zum Seitenanfang

Ich muss dazu sagen, das die höhe von 100px nur hier als beispiel drin ist, damit man es sehen kann. Hätte besser min-heigh nehmen sollen. sonst hätte ich ja auch ein rotes gif bei dem der erste und letzte pixel transparent ist, als bg nehmen können.
Aber das ding streckt sich ja, je nach füllung.


Zuletzt bearbeitet von eyepe am Do 02.08.2007 12:30, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kraat

Dabei seit: 05.10.2006
Ort: Köln
Alter: 42
Geschlecht: Männlich
Verfasst Do 02.08.2007 12:22
Titel

Antworten mit Zitat Zum Seitenanfang

Was willste denn da mit HTML und CSS ??

Code:

<div style="border-top: 1px solid #000; border-bottom: 1px solid #000; background: #FF0;">
laber laber laber
</div>


* Ich geb auf... *


Zuletzt bearbeitet von Kraat am Do 02.08.2007 12:23, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen Bilder im A-Element haben trotz border:none einen border
CSS: border-bottom beim a-tag: Problem mit IE7
CSS-Problem mit border-bottom - will es nicht bei Bildern
CSS Bildlink: ohne border - hover: mit border
img {border: 0;} oder img {border: none;}
CSS Navi-Problem "border-bottom" und IE
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
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.