Freiraum/Spalt

tarik02 · 25 Juni 2009

Hi Leute!

Ich bins mal wieder mit ner Frage!

Ich hab folgendes Problem:

Nämlich wird bei der Navigation
1. oben ein Spalt.
2. Ist ebenfalls links von derr Navi auch ein Freiraum?

Kostenlose-Bilder

CSS-Datei:

Code:

html, body 
{
 background-color: grey;
 font-family:Arial, Verdana, sans-serif;
 font-size: 100%;
 width: 100%;
 height: 100%;
 margin: 0;
        padding: 0;
}

div#left
{
height: 100%;
width: 10%;
background-color: grey;
float:left;
}
div#content
{
height: 95%;
width: 80%;
float: left;
overflow: auto;  
background-color: white;
}
div#right
{
height: 100%;
width: 10%;
background-color: grey;
float: right;
}

div#footer
{
height: 5%;
width: 80%;
background-color: white;
float: left;
}
li
{
list-style: none;
float: right;
margin-top: -16px;
margin-bottom: 30px;
margin-left: 0px;
margin-right: 0px; 
}

Könnt ihr mir helfen?

Danke im Vorraus!!

Mfg tarik02

prm · 25 Juni 2009

Versuch's mal damit: Lcke am unteren Bildrand

Evtl. auch

Code:

ul {margin: 0; padding: 0;}

tarik02 · 25 Juni 2009

Ich glaub ich stell mich blöd an.

Ich hab es bei dem Bild und bei der Liste versucht. Es klappt nicht.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>Kostenlose-Bilder</title>
</head>
<body>
<div id="left">
</div>
<div id="content">
 
<img style="display: block;" src="Header.png" width="100%" height="300" alt="Header,Platzhalter">
<ul class="Navigation" >
<li><img src="Button.png" class="Home" width="270" height="60" alt="Home"  ></li>
<li><img src="Button.png" class="Home" width="234" height="60" alt="Bilder"></li>
<li><img src="Button.png" class="Home" width="234" height="60" alt="Kontakt"></li>
<li><img src="Button.png" class="Home" width="234" height="60" alt="Impressum"></li>
</ul>
<br>
<br>
<br>
 
<p>
<br>
Willkommen 
 </p>
 
</div>
 
<div id="right">
</div>
<div id="footer">
</div>
</body> 
</html>

Code:

html, body 
{
 background-color: grey;
 font-family:Arial, Verdana, sans-serif;
 font-size: 100%;
 width: 100%;
 height: 100%;
 margin: 0;
        padding: 0;
}
 
div#left
{
height: 100%;
width: 10%;
background-color: grey;
float:left;
}
div#content
{
height: 95%;
width: 80%;
float: left;
overflow: auto;  
background-color: white;
}
div#right
{
height: 100%;
width: 10%;
background-color: grey;
float: right;
}
 
div#footer
{
height: 5%;
width: 80%;
background-color: white;
float: left;
}
li
{
list-style: none;
float: right;
margin-top: -16px;
margin-bottom: 30px;
margin-left: 0px;
margin-right: 0px; 
margin: 0; 
padding: 0;
 
}

Weiß einer vielleicht noch einen Lösung?

Mfg tarik02

Edit: Kann mann denn das Problem mit einem anderem Doctype umgehen?

prm · 26 Juni 2009

Möglicherweise, den mit dem vorhandenen stellt der IE das Boxmodell nicht richtig dar.
Nimm mal diesen:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

tarik02 · 26 Juni 2009

Edit: Also, das Problem (oberer Spalt) tritt anscheinend nur im IE auf. Unzwar nur Online!
Im FF ist das Problem nicht vorhanden!
Weiß wirklick keiner Rat?

Mfg tarik02

edit: Habs geschafft! Lag an funpic. der Hat meine Seite falsch dar gestellt.

Freiraum/Spalt

tarik02

Mitglied

prm

Aktives Mitglied

tarik02

Mitglied

prm

Aktives Mitglied

tarik02

Mitglied

Neueste Beiträge