CSS Immer wieder diese DIV BOXEN !

Skaarhybrid · 26. August 2010

Leute ich bin echt am verzweifeln. (und ja ich habe das forum schon durchsucht)

Egal was ich tue ich habe um meine haupt-div-box immer einen weißen rahmen obwohl ich rahmen doch sogar explizit "ausgestellt" habe. was mache ich falsch ?? Sowohl beim IE als auch bei Firefox ist dieser blöde weiße rahmen.

Das steht inner index:

HTML:

<html>
<body>
<link rel="stylesheet" type="text/css" href="style.css">

<div class="frame">

	<div class="banner">
	
	</div>

	<div class="navi">
	
	</div>

	<div class="content">

	</div>

	<div class="footer">

	</div>
</div>


</body>
</html>

Un das steht in der CSS:

Code:

div.frame
{
width:100%;
height:100%;
border:none;
background-color:black;
}



div.navi
{
border:none;
margin:0px;
background-color:#778899;
min-width:100%;
height:60px; 
}




div.content
{
border:none;
background-color:blue;
width:100%;
height:8px; 
}

Würde euch an dieser stelle gern die site oder nen foto zeigen hab aber noch keinen webspace, anmeldung dauert mir jetz zu lange. Aber ihr könnt mir glauben^^ um die "frame"-div-box ist ein weißer rahmen.
Das einzige was ich wirklich will ist, dass die navi-div-box komplett von links nach rechts geht (was aber nicht der fall ist wegen des rahmens -.-).
Habe auch schon versucht die "frame-div-box" weg zu lassen, ergebnis war leider das gleiche.
vielen dank im voraus !!

karuso · 26. August 2010

haste vom body den margin und padding auf 0 gesetzt?

ps: hast du die css verlinkung wirklich im body und nicht im header?

Augen1337 · 26. August 2010

ist das nicht margin in CSS für den Abstand?
Oder Padding? --- sorry lange nicht mehr damit gearbeitet.

Skaarhybrid · 26. August 2010

jetzt ja

Code:

body 
{
padding:none;
margin:none;
border:none;
}

bleibt leider unverändert

tiwa86 · 26. August 2010

Kannst du uns mal einen Screenshot hier reinstellen. So richtig kann ich mir das noch nicht vorstellen. Weil <div> Elemete halt normalerweise keinen border haben...(default)

Anstatt "none" nimm mal richtige Werte. Vllt. klappt das.

Code:

body
{
padding:0;
margin:0 auto;
border:0px;
}

Skaarhybrid · 26. August 2010

hier

Ergänzung (26. August 2010)

TATSACHE !!! Hat mit "richtigen"-werten geklappt !!!
tz...tz...tz.... ich war so überzeugt von den beiden browsern....^^

vielen dank waldi

kanani · 26. August 2010

alternativ

HTML:

body {margin:auto;}

S.o.T. · 26. August 2010

Schön, dass dein Problem gelöst wurde!

Ergänzend möchte ich noch, dass es bei

Code:

border

einem selbst überlassen ist, ob man

Code:

none

oder

Code:

schreibt.

Code:

padding

steht für

Code:

body

standardmäßig auf

Code:

, das brauchst du also nicht zu notieren.
Wenn ein Element schon eine Breite von 100 Prozent hat, ist es auch sinnlos, so etwas wie

Code:

margin: 0 auto;

zu schreiben, da man das

Code:

auto

einfach weglassen sollte.

Fleshgrinder · 31. August 2010

Möchte an S.o.T.s Beitrag noch etwas hinzufügen.

Angaben wie {border:0px} sind absolut sinnlos, da 0 nichts ist, also ist es auch egal ob Pixel, Zentimeter, Kilogramm oder sonst was, es ist 0, eben Nichts.
CSS-Selektoren wie div.class sind extrem ineffizient und langsam. Die Geschwindigkeit von CSS-Selektoren sieht aus wie folgt:
Code:
```
#id ……………… 1 (schnell)
.class ……… 2
tag ……………… 3
* …………………… 4 (langsam)
```
Für deine HTML-Datei würde das bedeuten, dass du IDs statt Klassen verwenden solltest und im CSS auf keinen Fall einen Blödsinn wie div.class oder div#id machen.

Suche

CSS Immer wieder diese DIV BOXEN !

Skaarhybrid

Cadet 4th Year

karuso

Captain

Augen1337

Captain

Skaarhybrid

Cadet 4th Year

tiwa86

Lt. Commander

Skaarhybrid

Cadet 4th Year

Anhänge

kanani

Gast

S.o.T.

Ensign

Fleshgrinder

Lt. Junior Grade

Ähnliche Themen