YourWBB

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » CSS Problem

» Hallo Gast [Anmelden|Registrieren]

Letzter Beitrag | Erster ungelesener Beitrag

2.375 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

CSS Problem

Autor

Beitrag

« Vorheriges Thema | Nächstes Thema »

Infinity2k6
Mitglied

Dabei seit: 21.04.06
Beiträge: 1

CSS Problem

Antworten Zitieren Editieren Melden UP

Moin,
bin gerade dabei was kleineres zu programmieren, jetzt steh ich jedoch vor nem Problem (s. Anhang 1) Wie krieg ichs hin dass der helle 1px Border der Navi nicht durch den Kasten geht, also dass der Buttonkasten praktisch die Leiste überlagert?

code:
1: 2: 3:	<div id="mainnavi"> <div id="buttons">Text</div> </div>

so siehts in der html Datei aus
mainnavi ist in dem falle die leiste, buttons der kasten ganz links.

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:

#mainnavi {
	margin: 0;
	padding: 0;
	background-color: #474747;
	border: 1px solid #606060;
}

#buttons {
	height: 40px;
	width: 60px;
	background-color: #606060;
	border-right: 1px solid black;
	v-align: middle;
}

#buttons:hover {
	height: 40px;
	width: 60px;
	background-color: #000000;
	border-right: 1px solid black;
	v-align: middle;

}

ich möchte im grunde dass es so aussieht wie im 2. angehängten Bild.

so sieht das ganze in der css-datei aus.
vllt. kann mir ja jemand bei meinem problem helfen, wäre dankbar Freude

Dateianhänge:

1.jpg (23,21 KB, 52 mal heruntergeladen)
jpg

so.jpg (23,32 KB, 56 mal heruntergeladen)

12.01.08 16:31

E-Mail Finden Als Freund hinzufügen

Chopsticks Chopsticks ist männlich

Mitglied

Dabei seit: 11.01.08
Beiträge: 89
Forenversion: 2.3

Antworten Zitieren Editieren Melden UP

EDIT: Moment, hab was falsch gemacht.
------

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:

#buttons {
	background: #606060;
	border-right: 1px solid #000;
	float: left;
	height: 42px;
	width: 63px;
}

.black {
	background: #000;
	height: 42px;
	padding: 1px;
}

#mainnavi {
	background: #474747;
	border: 1px solid #606060;
	height: 40px;
	margin-left: 1px;
}

code:
1: 2: 3: 4:	<div class="black"> <div id="buttons">Text</div> <div id="mainnavi"></div> </div>

Komischerweise zeigt Internet Explorer es so wie ich es mir vorgestellt habe. Firefox dennoch nicht. Da scheint etwas falsch zu sein (Umsetzung).

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von Chopsticks: 12.01.08 23:15.

12.01.08 20:26

E-Mail Finden Als Freund hinzufügen

~~ayaz47~~
Mitglied

Dabei seit: 12.01.08
Beiträge: 16
Forenversion: 2.3

RE: CSS Problem

Antworten Zitieren Editieren Melden UP

thanks you

13.01.08 11:27

Finden Als Freund hinzufügen

Baumstruktur | Brettstruktur

Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » CSS Problem