Border wird links und rechts nicht angezeigt

knarzkopf · 01.10.2010, 11:37

Hallo,
der Border wird links und rechts nicht angezeigt, oben schon:
HTML-Code:

PHP-Code:

  <div class="job-ansicht">

<li class="helle">

<div="side1-info-l"></div>

<div="side1-info-r"></div>

</li>

</div>

CSS:

PHP-Code:

  .job-ansicht {

    background:transparent url(../img/test.jpg) no-repeat bottom;

    display:inline-block;

    margin-bottom:10px;

}

.helle {

    border-top: 1px solid   #eeeeee;

    border-left: 1px solid  #eeeeee;

    border-right: 1px solid  #eeeeee;

}

.side1-info-l {

    float:left;

    padding:3px 0 0 3px;

    position:relative;

}

.side1-info-r {

    float:left;

    width:476px;

    padding:0 3px 0 10px;

}

An was könnte das liegen? Ich raffe einfach nicht wieso. Den jobansicht DIV habe ich nur gemacht, da vorher der border noch über die Grafik, unten am Rand, weiter geführt wurde. Das wollte ich so verhindern.
mfg

DarkWarrior · 01.10.2010, 12:00

Code:

<div="side1-info-r">

gibts nicht

das sollte wohl so sein:

Code:

<div class="side1-info-r">

draco88 · 01.10.2010, 12:17

Und was machst du mit einem LI-Element ohne entsprechendes UL/OL-Element?

Der Fehler liegt an den Floats. Die Floats fließen über das Elternelement hinaus. Gib der Klasse helle mal "overflow:hidden". Dann umschließt es die floatenden Elemente komplett.

knarzkopf · 01.10.2010, 12:42

danke mit dem overflow hidden, wegen ul ol haste natürlich recht, hab es nochmal umgeändert, funktioniert jetzt!

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
Links aus Datenbank in den HTML-Code einfügen	Holger69	Datenbanken	20	23.08.2010 17:47
[Erledigt] Parsen mit DOM - Links auslesen	bish	PHP Tipps 2010	11	11.08.2010 19:59
Border um Border?	CL90	HTML, Usability und Barrierefreiheit	12	14.07.2010 15:38
Von Rechts nach Links im Input!	CHRIS	HTML, Usability und Barrierefreiheit	6	07.04.2009 11:20
[Erledigt] zufälliges Bild aus Datei lesen - Bild wird nicht angezeigt	Romantika	PHP Tipps 2009	8	20.02.2009 15:36
Horizontale 100% Div-Box mit padding rechts bzw links	PsychoEagle	HTML, Usability und Barrierefreiheit	8	17.04.2007 12:51
div hintergrund wird nur angezeigt wenn border definiert	noskule	HTML, Usability und Barrierefreiheit	0	21.12.2006 15:51
Links im Text	GELight	PHP Tipps 2006	3	13.10.2006 17:35
spalte rechts ausrichten, text aber trotzdem linksbündig	Crypi	HTML, Usability und Barrierefreiheit	5	14.09.2006 11:35
explode() von rechts?	nicobischof	PHP Tipps 2006	3	12.08.2006 12:20
Darstellung von Links ohne Parameter	seven-12	PHP Tipps 2006	4	16.02.2006 15:31
Ueberlagerte Links		HTML, Usability und Barrierefreiheit	0	01.10.2005 19:44
[Erledigt] Links hinter Div-Layer funktionieren nicht		HTML, Usability und Barrierefreiheit	10	14.09.2005 15:39
scroll down auslesen & rechts die html-seite anzeigen...		PHP Tipps 2004	2	27.08.2004 17:31

01.10.2010, 11:37
knarzkopf Neuer Benutzer Registriert seit: 28.09.2010 Beiträge: 3 PHP-Kenntnisse: Anfänger	Border wird links und rechts nicht angezeigt Hallo, der Border wird links und rechts nicht angezeigt, oben schon: HTML-Code: PHP-Code: `<div class="job-ansicht"> <li class="helle"> <div="side1-info-l"></div> <div="side1-info-r"></div> </li> </div>` CSS: PHP-Code: `.job-ansicht { background:transparent url(../img/test.jpg) no-repeat bottom; display:inline-block; margin-bottom:10px; } .helle { border-top: 1px solid #eeeeee; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; } .side1-info-l { float:left; padding:3px 0 0 3px; position:relative; } .side1-info-r { float:left; width:476px; padding:0 3px 0 10px; }` An was könnte das liegen? Ich raffe einfach nicht wieso. Den jobansicht DIV habe ich nur gemacht, da vorher der border noch über die Grafik, unten am Rand, weiter geführt wurde. Das wollte ich so verhindern. mfg


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

01.10.2010, 12:00
DarkWarrior Erfahrener Benutzer Registriert seit: 02.09.2010 Beiträge: 112 PHP-Kenntnisse: Anfänger	Code: <div="side1-info-r"> gibts nicht das sollte wohl so sein: Code: <div class="side1-info-r">

01.10.2010, 12:17
draco88 Erfahrener Benutzer Registriert seit: 01.12.2009 Beiträge: 645 PHP-Kenntnisse: Fortgeschritten	Und was machst du mit einem LI-Element ohne entsprechendes UL/OL-Element? Der Fehler liegt an den Floats. Die Floats fließen über das Elternelement hinaus. Gib der Klasse helle mal "overflow:hidden". Dann umschließt es die floatenden Elemente komplett.

01.10.2010, 12:42
knarzkopf Neuer Benutzer Registriert seit: 28.09.2010 Beiträge: 3 PHP-Kenntnisse: Anfänger	danke mit dem overflow hidden, wegen ul ol haste natürlich recht, hab es nochmal umgeändert, funktioniert jetzt!