HTML / CSS Border wird in bei Längeneingabe in % nicht angezeigt

AmCalley · 07.02.2011, 12:00

Hallo,
Ich habe noch nicht sonderlich viel erfahrung im Website programming darum hoffe ich ihr könnt mir einen Denkanstoß geben. Ich habe eine Homepage gebaut mit IP-Filter und verschiedenen php sachen. Doch jetzt komm ich auch mit google einfach nicht weiter.

Ich habe folgenden Ausgangscode:

HTML-Code:

<div class="overlap2">
<div class="drinnen2"> </div></div>

Daraus soll sich ein kleiner grafischer effekt mit einem Border ergeben

HTML-Code:

.overlap2 {
	border-top: 15px solid #A9A9A9;
	border-left: 15px solid #FFFFFF;
	border-right: 15px solid #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	width: 76%;
	height: 0px;
	margin-top: 0px;
	min-width: 950px;
}
 
 .drinnen2 {
    
    margin-top: -7px;
    background: #C0CCCC;
    margin-right: auto;
    margin-left: auto;
    height: 25px;
}

soweit so gut. Jetzt möchte ich allerdings auch den border in % angeben. Doch dann verschwindet der Rahmen komplett und ich weis nicht warum.
Kann man den Rahmen etwa nicht dynamisch in % angeben?

das wär ca so (dachte ich)

HTML-Code:

.overlap2 {
	border-top: 5% solid #A9A9A9;
	border-left: 5% solid #FFFFFF;
	border-right: 5% solid #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	width: 76%;
	height: 0px;
	margin-top: 0px;
	min-width: 950px;
}
 
 .drinnen2 {
    
    margin-top: -7px;
    background: #C0CCCC;
    margin-right: auto;
    margin-left: auto;
    height: 25px;

Gruß und Danke

DAvid

Asipak · 07.02.2011, 12:08

Naja, wozu in Prozent? Die Angabe muss ja relativ zu einer absoluten Angabe sein. Worauf soll sich denn die Rahmenbreite beziehen?
Bei der Breite

Code:

width:76%;

beziehst du dich z.B. auf die Breite des Elternelements.

AmCalley · 07.02.2011, 12:53

Danke schon mal, jetzt weis ich was nicht funktioniert

Wie könnte ich das lösen, das der Rahmen halt immer zur umgebung passt. Sonst ist der Effekt natürlich kaputt

eagle275 · 07.02.2011, 13:35

also bei 15px .... wäre die Anpassung für gängige Bildschirmauflösungen im Bereich von 1...3 Pixel ... ich glaub das kann man vernachlässigen, bau es halt mit starrem Rahmen

ansonsten, lege diese Eigenschaft nicht in die CSS-Datei, sondern per "inline-Style" fest.

Damit hast du dann von php aus die Möglichkeit dynamisch auf verschiedene Größen zu reagieren (15 px bei 1280 entspricht x px bei Auflösung y)

AmCalley · 07.02.2011, 14:12

für meine Zwecke konnte ich es jetzt so lösen:

Code:

.drinnen1 {
    
    margin-top: -7px;
    width: auto;
    background: #C0CCCC;
    height: 25px;
}
    
.overlap1 {
	border-top: 15px solid #A9A9A9;
	border-left: 15px solid #FFFFFF;
	border-right: 15px solid #FFFFFF;
	margin-left: 5%;
	margin-right: 5%;
	width: auto;
	height: 0px;
	margin-top: 0px;
	/*min-width: 950px;*/
}

So passen die beiden div immer genau, und die eigentliche größe des Rahmens ist zweitrangig und kann in px angegeben werden.

Vielen Dank für alle Antworten!!!

Gruß David

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Doppelter E-Mail versand	include21	PHP Tipps 2010	3	06.05.2010 15:47
HTML im Kontaktformular sperren?	Flo194	PHP Tipps 2010	11	16.02.2010 21:23
html formular mit einer php mail funktion	basti-erfurt	Scriptbörse	3	07.12.2008 15:21
Datenbank Anfrage in der ursprünglichen HTML ausgeben	knick	PHP Tipps 2008	9	16.11.2008 20:38
[Erledigt] HTML Mail mit Lücken mitten in den Worten, wie kommt das?	DeeFour	PHP-Fortgeschrittene	2	29.05.2008 15:47
php datei wird nur weiß angezeigt trotz html	Newsscript	PHP Tipps 2008	7	20.01.2008 01:14
Emailversand: Html wird als Anhang angezeigt.	actionjackson	PHP Tipps 2007	2	17.07.2007 12:03
Variable und komplette HTML Datei	chrisonline	PHP Tipps 2007	3	24.05.2007 15:30
HTML E-Mail mit Bildern	webbi	HTML, Usability und Barrierefreiheit	4	27.02.2006 08:57
CSS-Datei <!doctype html public "-//W3C//DTD HTML 4.	Klaus	HTML, Usability und Barrierefreiheit	2	30.11.2005 08:19
[Erledigt] BB Code funzt net. HTML angezeigt aber net "ausgeführt&		PHP-Fortgeschrittene	5	23.02.2005 21:40
HTML Tabellenzeile in Tabelle einfügen?		Datenbanken	2	28.01.2005 00:28
[Erledigt] PDF aus HTML erzeugen ?		PHP-Fortgeschrittene	2	05.06.2004 02:10

07.02.2011, 12:00
AmCalley Neuer Benutzer Registriert seit: 03.02.2011 Beiträge: 3 PHP-Kenntnisse: Anfänger	HTML / CSS Border wird in bei Längeneingabe in % nicht angezeigt Hallo, Ich habe noch nicht sonderlich viel erfahrung im Website programming darum hoffe ich ihr könnt mir einen Denkanstoß geben. Ich habe eine Homepage gebaut mit IP-Filter und verschiedenen php sachen. Doch jetzt komm ich auch mit google einfach nicht weiter. Ich habe folgenden Ausgangscode: HTML-Code: <div class="overlap2"> <div class="drinnen2"> </div></div> Daraus soll sich ein kleiner grafischer effekt mit einem Border ergeben HTML-Code: .overlap2 { border-top: 15px solid #A9A9A9; border-left: 15px solid #FFFFFF; border-right: 15px solid #FFFFFF; margin-left: auto; margin-right: auto; width: 76%; height: 0px; margin-top: 0px; min-width: 950px; } .drinnen2 { margin-top: -7px; background: #C0CCCC; margin-right: auto; margin-left: auto; height: 25px; } soweit so gut. Jetzt möchte ich allerdings auch den border in % angeben. Doch dann verschwindet der Rahmen komplett und ich weis nicht warum. Kann man den Rahmen etwa nicht dynamisch in % angeben? das wär ca so (dachte ich) HTML-Code: .overlap2 { border-top: 5% solid #A9A9A9; border-left: 5% solid #FFFFFF; border-right: 5% solid #FFFFFF; margin-left: auto; margin-right: auto; width: 76%; height: 0px; margin-top: 0px; min-width: 950px; } .drinnen2 { margin-top: -7px; background: #C0CCCC; margin-right: auto; margin-left: auto; height: 25px; Gruß und Danke DAvid Geändert von AmCalley (07.02.2011 um 12:01 Uhr). Grund: Schreibfehler


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

07.02.2011, 12:08
Asipak Moderator Registriert seit: 18.07.2005 Beiträge: 4.072	Naja, wozu in Prozent? Die Angabe muss ja relativ zu einer absoluten Angabe sein. Worauf soll sich denn die Rahmenbreite beziehen? Bei der Breite Code: width:76%; beziehst du dich z.B. auf die Breite des Elternelements.

07.02.2011, 12:53
AmCalley Neuer Benutzer Registriert seit: 03.02.2011 Beiträge: 3 PHP-Kenntnisse: Anfänger	Danke schon mal, jetzt weis ich was nicht funktioniert Wie könnte ich das lösen, das der Rahmen halt immer zur umgebung passt. Sonst ist der Effekt natürlich kaputt

07.02.2011, 13:35
eagle275 Erfahrener Benutzer Registriert seit: 01.09.2010 Beiträge: 4.561 PHP-Kenntnisse: Fortgeschritten	also bei 15px .... wäre die Anpassung für gängige Bildschirmauflösungen im Bereich von 1...3 Pixel ... ich glaub das kann man vernachlässigen, bau es halt mit starrem Rahmen ansonsten, lege diese Eigenschaft nicht in die CSS-Datei, sondern per "inline-Style" fest. Damit hast du dann von php aus die Möglichkeit dynamisch auf verschiedene Größen zu reagieren (15 px bei 1280 entspricht x px bei Auflösung y) __________________ "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste

07.02.2011, 14:12
AmCalley Neuer Benutzer Registriert seit: 03.02.2011 Beiträge: 3 PHP-Kenntnisse: Anfänger	Idee für meine Zwecke konnte ich es jetzt so lösen: Code: .drinnen1 { margin-top: -7px; width: auto; background: #C0CCCC; height: 25px; } .overlap1 { border-top: 15px solid #A9A9A9; border-left: 15px solid #FFFFFF; border-right: 15px solid #FFFFFF; margin-left: 5%; margin-right: 5%; width: auto; height: 0px; margin-top: 0px; /min-width: 950px;/ } So passen die beiden div immer genau, und die eigentliche größe des Rahmens ist zweitrangig und kann in px angegeben werden. Vielen Dank für alle Antworten!!! Gruß David