Autor |
Nachricht |
eyepe
Threadersteller
Dabei seit: 30.05.2005
Ort: Thüringen
Alter: 37
Geschlecht:
|
Verfasst Do 02.08.2007 01:16
Titel #CSS { border: problem; } |
|
|
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
|
|
|
|
|
alien
Dabei seit: 06.07.2006
Ort: aus der Phantasie
Alter: -
Geschlecht:
|
Verfasst Do 02.08.2007 03:10
Titel
|
|
|
Was möchtest du jetzt wissen, wo liegt dein Problem?
|
|
|
|
|
Anzeige
|
|
|
dastef
Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 02.08.2007 06:19
Titel Re: #CSS { border: problem; } |
|
|
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.
|
|
|
|
|
eyepe
Threadersteller
Dabei seit: 30.05.2005
Ort: Thüringen
Alter: 37
Geschlecht:
|
Verfasst Do 02.08.2007 12:00
Titel
|
|
|
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.
|
|
|
|
|
Kraat
Dabei seit: 05.10.2006
Ort: Köln
Alter: 42
Geschlecht:
|
Verfasst Do 02.08.2007 12:11
Titel
|
|
|
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ß
|
|
|
|
|
Zeithase
Dabei seit: 09.05.2005
Ort: Erfurt
Alter: 39
Geschlecht:
|
Verfasst Do 02.08.2007 12:12
Titel
|
|
|
Kraat hat geschrieben: | Es reicht in deinem Beispiel ein DIV aus. |
Achja? Dann schmeiß mal etwas CSS+HTML her.
|
|
|
|
|
eyepe
Threadersteller
Dabei seit: 30.05.2005
Ort: Thüringen
Alter: 37
Geschlecht:
|
Verfasst Do 02.08.2007 12:22
Titel
|
|
|
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
|
|
|
|
|
Kraat
Dabei seit: 05.10.2006
Ort: Köln
Alter: 42
Geschlecht:
|
Verfasst Do 02.08.2007 12:22
Titel
|
|
|
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>
|
Zuletzt bearbeitet von Kraat am Do 02.08.2007 12:23, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ä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
|
|