Rand & Scrollbar entfernen

[hOOpZZ]

Hallo Leute,

mal wieder eine Frage eines unwissenden:

1. Rand entfernen, wie?
2. Scrollbar entfernen, wie?


MfG
hoopzz feat.

Bild durch Link ersetzt - bitte auf Bildgrössen achten!

 

[fakerer]

AW: Rand & Scrollbar entfernen

margin und padding auf 0 setzen;
und wenn du das Bild als background reinsetzt dann ist der scrollbalken auch weg

 

[hOOpZZ]

AW: Rand & Scrollbar entfernen

wie mache ich es als background?

und Padding und Margin auf 0 bringt keine veränderung, verschiebt nur alles aber der Rand is nachwievor zu sehen

 

[tomtom]

AW: Rand & Scrollbar entfernen

bissl quelltext (html und/oder css) wäre bestimmt hilfreich hier im forum.

 

[chacki]

AW: Rand & Scrollbar entfernen

Scrollbalken geht mit overflow:none weg

Um den Rand oben, entweder margin:0. Aber noch besser wäre eine ganze reset.css

 

[Chickenshooter]

AW: Rand & Scrollbar entfernen

Moin,

Rand weg mit:

*
{
   margin:0;
   padding:0;
}

das in deine css Datei.

MfG

 

[Steve1405]

AW: Rand & Scrollbar entfernen

Versuchs mal mit einem anderen Browser, falls es mit padding/margin = 0 nicht geht. Vll. liegts ja auch daran.

 

[fakerer]

AW: Rand & Scrollbar entfernen

oder post mal n link
kannst es ja einfach mal wo auf einen freewebspace stellen

und hier jede menge über css http://www.css4you.de/

 

[sokie]

AW: Rand & Scrollbar entfernen

Scrollbalken geht mit overflow:none weg

Um den Rand oben, entweder margin:0. Aber noch besser wäre eine ganze reset.css

"none" ist kein gültiger Wert für overflow.

 

[hOOpZZ]

AW: Rand & Scrollbar entfernen

Na klasse alle Antworten lösen sich von alleine auf,
Overflow: none (geht nicht)
padding & margin: 0 (geht nicht)
wenns am browser liegt bringt das auch nichts weil es in allen browsern gehen muss!

ich werde morgen den Code posten und mal die page hochladen
wobei die page zurzeit nur aus 2 simplen div's besteht mit den größen 800x600 und 500x600

 

[msblacky]

AW: Rand & Scrollbar entfernen

Probiere wie schon erwähnt den margin-Befehl der müsste eigentlich funktionieren für den Rand:
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

Wenn Du den Srollbalken weg haben möchtest dann mach doch die Grafik kürzer, oder lade Dir auch mal das SelfHtml von Stefan Münz aus dem Netz, ist ein gutes Grundwerk für html.

lg msblacky

 

[Steve1405]

AW: Rand & Scrollbar entfernen

wenns am browser liegt bringt das auch nichts weil es in allen browsern gehen muss!

Wenns der verwendete Browser standardmäßig ein paar Pixel frei lässt, wirst du da nichts dagegen tun können. Und damit wäre deine Aussage "in allen Browsern gehen muss" schlicht nicht umsetzbar.

Benutze kein Safari und kann daher nicht sagen, ob es daran liegt. Wird die Seite in einem anderen Browser ebenfalls mit diesem weißen Abstand angezeigt wird, dann lohnt es sich deine Page hochzuladen. Ansonsten, wenns nur bei Safari passiert, lohnt es sich in meinen Augen nicht wirklich.

gruß

 

[hOOpZZ]

AW: Rand & Scrollbar entfernen

sollen die margin-werte in ein body-tag oder in die jeweiligen div's ?

weil bei den jeweiligen div's funktionieren sie NICHT!


Hier der Code:

.background {
	height: 900px;
	width: 800px;
	background-color: #000;
	margin-left: 230px;
}
.middle {
	height: 900px;
	width: 500px;
	background-color: #666;
	position: absolute;
	left: 50%;
	margin-left: -240px;
	border: 0;
}

<div class="background">
<div class="middle">
</div>
</div>

die Sache mit den Browser:
Ok das werde ich wohl nicht ändern können aber kürzer werde ich die Seite nicht machen weil, es kann nicht sein das man die Page immer genau anpassen muss wobei sie bei größeren Bildschirmen dann wieder ganz anders Aussieht. Es muss doch die Möglichkeit geben das die Seite auf allen Größen (17-, 19-, 21-Zoll usw. mit jeweiliger Auflösung) immer gleich aussehen.

 

[Chickenshooter]

AW: Rand & Scrollbar entfernen

.background {
height: 900px;
width: 800px;
background-color: #000;
margin-left: 230px;
}
.middle {
height: 900px;
width: 500px;
background-color: #666;
position: absolute;
left: 50%;
margin-left: -240px;
border: 0;
}

so nu die Änderung:

* {
  /* auf diese Art schalten man von jedem Browser die Ränder weg */
  margin:0;
  padding:0;
}
.background {
	height: 900px;
	width: 800px;
	background-color: #000;
	margin-left: 230px;
}
.middle {
	height: 900px;
	width: 500px;
	background-color: #666;
	position: absolute;
	left: 50%;
	margin-left: -240px;
	border: 0;
}

die ersten 4 Zeilen sind von mir hinzugefügt.

der Stern ist ein wildcard und soll heißen allen Elementen wird
pauschal die margin und padding von 0 zugewiesen.

Jetzt ist es an Dir deine html elemente neu zu positionieren.

MfG

 

[hOOpZZ]

AW: Rand & Scrollbar entfernen

Okay, vielen Dank hat funktioniert!

damit is das Thema beendet!


MfG
hoopzz feat.