HTML/CSS Problem

kompi19 · 4 November 2007

Also..ich versuche mich gerade an einer dynmischen umsetzung, und suche jetzt jemanden, der mir diesen fehler erklären kann, dieses wie unten zu sehenden weißen Balken in dem Navigationsabschnitt:

HTML:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Transitional//EN"

"https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="de"

lang="de">
<head>
<meta name="robots" content="index,follow" />
<meta name="description" content="" />
<meta name="keywords" content="" />

<link href="styles.css" rel="stylesheet"

type="text/css" />
</head>

<font face="Arial Narrow" color="white">
<body>
<div id="wrapper">
<div id="header"></div>
<div id="navi">
<div id="navi1"></div>
<div id="navi2"></div>
<div id="navi3"></div>
</div>

<br class="clear" />
</div>

</font>
</body>
</html>

CSS:

body {
background-color: white;
margin: 0;
text-align: center;
}

div#wrapper {
width: 796px;
margin: 0 auto;
text-align: left;
}

div#header {
background: url(img/img_03.gif) no-repeat;
float: right;
width: 796px;
height: 220px;
}

div#navi {
width: 185px;
float: left;
}

div#navi1 {
width: 185px;
background: url(img/img_05.gif) no-repeat;
height: 17px;
margin: 0;
}

div#navi2 {
width: 185px;
background: url(img/img_07.gif) repeat-x;
margin: 0;
}

div#navi4 {
width: 185px;
background: url(img/img_09.gif);
height: 18px;
}

WÄre sehr nett, wenn mir jemand helfen könnte.
Ihr könnt mich auch im ICQ erreichen falls es gravierend ist. MFG

Zman · 4 November 2007

Ist der Screenshot von einem IE?

Wenn dann liegt nähe, dass die Schriftgröße bei kleiner Div-Box den Abstand macht. Einfach die entsprechende Box im css ein font-size:1px; geben. Es sollte in dem Beispiel div#navi1 sein, wenn ich das richtig sehe.

Necrolord · 6 November 2007

"div#navi4 {"
Da fehlt was in der html

morpheus1510 · 7 November 2007

Und der hier

<font face="Arial Narrow" color="white">

gehört innerhalb des BODY-Tags und nicht zwischen den Head und Body.

Richtig:

Code:

........

</head>

<body>
<font face="Arial Narrow" color="white">
<div id="wrapper">

........

Warum schreibst du die Angaben für Schriftart und -farbe nicht in den dafür vorgesehenen Bereich in deiner CSS, anstatt direkt in die HTML?

Necrolord · 7 November 2007

morpheus1510 schrieb:
Warum schreibst du die Angaben für Schriftart und -farbe nicht in den dafür vorgesehenen Bereich in deiner CSS, anstatt direkt in die HTML?

Ist zwar anders schöner, aber trotzdem machbar. Daran liegst nicht

morpheus1510 · 7 November 2007

Necrolord schrieb:
Ist zwar anders schöner, aber trotzdem machbar. Daran liegst nicht

Das ist mir auch klar, dass es daran nicht liegt. War ja auch nur als zusätzlicher Tipp gemeint...

Aber so ein verschobenes <font face=.....> ausserhalb von <body></body> kann so ein Design schon durcheinanderbringen.

Necrolord · 7 November 2007

kompi19 · 7 November 2007

problem hat sich mittlerweile schon gekärt ..danke für eure hilfen ...

zu sehen ist das ergebnis auf https://garten-energie.de/test ...

mfg und #close

Necrolord · 7 November 2007

na siehst du

Ich hab dir ja schon im ICQ gesagt, dass es nicht so schwer ist wie es scheint

Wenn du noch was brauchst, dann meld dich

kompi19 · 7 November 2007

Danke ..^^ werd sicher nochmal auf dich zukommen ..

HTML/CSS Problem

kompi19

Well-known member

Zman

Well-known member

Necrolord

Well-known member

morpheus1510

Well-known member

Necrolord

Well-known member

morpheus1510

Well-known member

Necrolord

Well-known member

kompi19

Well-known member

Necrolord

Well-known member

kompi19

Well-known member

Ähnliche Themen