Autor |
Nachricht |
Yumiii
Threadersteller
Dabei seit: 17.12.2009
Ort: Wuppertal
Alter: 32
Geschlecht:
|
Verfasst Do 17.12.2009 13:18
Titel HTML/CSS: Weißer Rand soll weg. |
|
|
Hallo liebe User,
ich bin gerade an einem kleinen Projekt (Website) und habe folgendes Problem:
Um meine Website habe ich einen kleinen weißen Rand.
Ich schreibe die Seite mit HTML und einer externen CSS-Datei.
Ich habe padding und margin auf 0, deswegen denke ich, dass es daran schonmal nicht liegen kann.
Ich habe mal alles auf meinen Webspace hochgeladen, damit ihr euch das mal ansehen könnt:
http://www.yumiii.com
Hier die CSS Datei:
Code: |
/*Der Aufbau der Seite*/
#gesamt {
font-family:Arial, Helvetica, sans-serif; color:#333333;
font-size:12px;
width:100%;
margin:0px;
padding:0px;
border:0px solid #dddddd;
background-color:#FFFFFF;
}
#header1 {
background-image: url(../img/head1.jpg);
background-repeat:repeat-x;
width:100%;
padding-left:439px;
height:80px;
margin-bottom:0px;
background-color:#000000;
}
#header2 {
background-image: url(../img/head2.jpg);
background-repeat:repeat-x;
background-position:top;
height:220px;
margin-bottom:0px;
background-color:#000000;
}
#sidebar1 {
width:20%;
float:left;
padding:2px;
margin-bottom:0px;
background:#FFFFFF;
}
#inhalt {
width:59%;
padding:4px;
float:left;
margin-bottom:0px;
background:#FFFFFF;
}
#sidebar2 {
width:20%;
float:right;
padding:2px;
margin-bottom:0px;
background:#FFFFFF;
}
#footer {
background-image: url(../img/head2.jpg);
background-repeat:repeat-x;
background-position:top;
padding:0px 5px;
height:150px;
clear:both;
}
/*Texte*/
#headline1 {
width:80%;
padding-left:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px; color:#0071bc;
font-variant:small-caps;
}
#text1 {
width:80%;
padding-left:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#494949;
}
li {
list-style-image:url(../img/radio.gif);
}
/*Link Styles*/
a:link {
font-family:Arial,Helvetica,sans-serif;
font-size: 12px;
text-decoration: none;
color: #0071bc;
}
a:visited {
color: #0071bc;
}
a:focus {
color: #494949;
}
a:hover {
color: #0071bc;
text-decoration: underline;
}
a:active {
color: #494949;
}
|
und hier der HTML Quelltext:
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test-Firma</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="gesamt">
<div id="header1">Blindtext</div>
<div id="header2"></div>
<div id="sidebar1"></div>
<div id="inhalt">
<div id="headline1">Inhalt</div>
<div id="text1">Hier steht ein Blindtext.
</div></div>
<div id="sidebar2"><ul>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Aliquam tincidunt mauris eu risus.</li>
<li>Vestibulum auctor dapibus neque.</li>
</ul><ul>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Aliquam tincidunt mauris eu risus.</li>
<li>Vestibulum auctor dapibus neque.</li>
</ul></div>
<div id="footer"><center><a href="impressum.html">Impressum</a></center></div>
</div>
</body>
</html>
|
ich würde mich sehr über eine schnelle Antwort freuen.
Liebe Grüße
Lara
PS: Bitte nicht auf das Design achten. Ich will mir damit nur CSS beibringen.
|
|
|
|
|
Beach-Bomb
Dabei seit: 06.02.2008
Ort: Saarbrücken
Alter: 37
Geschlecht:
|
Verfasst Do 17.12.2009 13:20
Titel
|
|
|
Mach das mal an den anfang:
Code: | * {margin:0px; padding:0px} |
|
|
|
|
|
Anzeige
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Do 17.12.2009 13:21
Titel
|
|
|
Boardsuche: Universalselektor
Das Problem gab es die Woche nun schon zum x-ten Mal.
|
|
|
|
|
escaPe
Dabei seit: 10.09.2007
Ort: <? include("home.htm") ?>
Alter: 112
Geschlecht:
|
|
|
|
|
Yumiii
Threadersteller
Dabei seit: 17.12.2009
Ort: Wuppertal
Alter: 32
Geschlecht:
|
Verfasst Do 17.12.2009 13:33
Titel
|
|
|
Danke für die schnellen Antworten. Hat nun geklappt.
Ich hatte die Suche bereits benutzt, bevor ich gepostet habe. Habe auch diesen Thread von gestern gefunden aber den habe nicht richtig gelesen. Ich hatte verstanden, dass man margin und padding einfach auf 0 setzen und nicht den kompletten code oben in die CSS schreiben sollte.
Habe wohl zu viel überfolgen...
Danke nochmal...
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Do 17.12.2009 13:33
Titel
|
|
|
Yumiii hat geschrieben: | Danke für die schnellen Antworten. Hat nun geklappt.
Ich hatte die Suche bereits benutzt, bevor ich gepostet habe. Habe auch diesen Thread von gestern gefunden aber den habe nicht richtig gelesen. Ich hatte verstanden, dass man margin und padding einfach auf 0 setzen und nicht den kompletten code oben in die CSS schreiben sollte.
Habe wohl zu viel überfolgen...
Danke nochmal... |
Verstanden hast Du es dennoch nicht, oder?
|
|
|
|
|
Yumiii
Threadersteller
Dabei seit: 17.12.2009
Ort: Wuppertal
Alter: 32
Geschlecht:
|
Verfasst Do 17.12.2009 13:34
Titel
|
|
|
Doch wieso? Hat doch geklappt ...
Ich sollte den Code * Code: | {margin:0px; padding:0px} | an den beginn der CSS Datei schreiben.
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Do 17.12.2009 13:39
Titel
|
|
|
Yumiii hat geschrieben: | Doch wieso? Hat doch geklappt ...
Ich sollte den Code * Code: | {margin:0px; padding:0px} | an den beginn der CSS Datei schreiben. |
Ich meinte eigentlich ob Du verstehst was genau die Zeile code macht.
Wofür der Universalselektor gedacht ist.
|
|
|
|
|
|
|
|
Ähnliche Themen |
PDF - weißer Rand!
Weißer rand bei gif in Imageready CS
Weißer Rand bei pdf nach freigestelltem psd Objekt
go Live - weißer Rand links und oben
corel export gif und png, weißer rand mit antialiaing
im Safari nicht aber im Opera weißer rand ?
|
|