000
03.11.2006, 15:22
speziCola
|
hi!
Vorweg, die Page wird im Firefox ohne weitere Fehler richtig angezeigt!
Dafür bereitet mir der Internet-explorer Probleme:
1. Die Navi wird von dem Image halb verdeckt. :/
2. Das Image wird, wir im roten Kreis zu sehen, kürzer angezeigt als es eigentlich ist!
-----------------------------------------------------------------------------
Zurück zum 1. Problem!
Ich denke mal, dass es mit der Anordnung der divlayer zusammenhängt. Aber ich habe es aber bis jetzt noch nicht geschafft, dass es fehlerfrei im Internet-explorer angezeigt wird.
<body>
<div id="verlauf"></div>
<div id="space"></div>
<div id="header"></div>
<div id="navi">
<div id="navcontainer">
<ul>
<li><a href="index.php?link=home">Home</a> </li>
<li><a href="index.php?link=grafikdesign">Grafikdesign</a></li>
<li><a href="index.php?link=stockpix">Stockpix</a> </li>
<li><a href="index.php?link=leveldesign">Leveldesign</a> </li>
<li><a href="index.php?link=impressum">Impressum</a> </li>
<li><a href="index.php?link=about">About</a> </li>
<li><a href="index.php?link=links">Links</a> </li>
</ul>
</div>
</div>
<div id="middle">
<div id="logo" style="background-image: url(./images/{LOGO}.png)"></div>
<div id="news">{NEWS}</div>
<div id="content">{CONTENT}</div>
<div id="end"></div>
</div>
</body>
-----------------------------------------------------------------------------
Zurück zum 2. Problem!
Ich habe keine Ahnung, warum das Image kürzer angezeigt wird! Und gestaucht ist dieses auch nicht. :/
--
spezi|Clan | QRT
HLDM-Server | HL-Stats | Status: Online
Dieser Beitrag wurde am 03.11.2006 um 15:24 von spezi|Cola bearbeitet.
|
|
Profil || Suche
|
001
03.11.2006, 17:41
scus
|
poste mal deine .css dazu
--
sincères amitiés scus
--
Tand, Tand ist das Gebilde von Menschenhand
|
|
|
Profil || Suche
|
002
03.11.2006, 18:44
speziCola
|
#global
{
width: 100%;
background: #2E3337;
}
#verlauf
{
height: 330px;
background: url(../images/verlauf.jpg) center;
}
#space
{
height: 120px;
width: 100%;
margin: -305px 0 0 0;
background: url(../images/header_space.png) repeat-x center;
}
#header
{
height: 120px;
margin: -120px 0 0 0;
background: url(../images/header.png) no-repeat center;
}
#navi
{
height: 10px;
width: 850px;
margin: 2px auto;
}
#navcontainer ul
{
margin: 0px auto;
padding: 10px 0 0 10px;
list-style-type: none;
text-align: left;
font: bold 12px/22px Verdana, Arial,
Helvetica, sans-serif;
}
#navcontainer ul li
{
display: inline;
}
#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
}
#navcontainer a:link, #navcontainer a:visited
{
color: #446184;
text-decoration: none;
padding-bottom: 0;
}
#navcontainer li a:hover
{
color: #fff;text-decoration: none;
}
#middle
{
width: 850px;
margin: -10px auto;
}
div#logo
{
width: 850px;
height: 30px;
margin: 0px auto;
background-color: #F2F2F2;
float: right;
}
#news
{
width: 820px;
height: 130px;
margin: 0;
padding: 10px 20px 10px 20px;
background-image: url(../images/news_top.png);
text-align:justify;
clear: both;
}
#content
{
float: left;
width: 820px;
padding: 10px 20px 10px 20px;
padding-left: 20px;
background-image: url(../images/content_02.png);
}
#end
{
position: relative;
width: 860px; height:65px;
background-image: url(../images/news_footer.png);
clear: both;
}
--
spezi|Clan | QRT
HLDM-Server | HL-Stats | Status: Online
|
|
|
Profil || Suche
|
003
04.11.2006, 16:44
Chronial
|
positionier die Sachen mit position: absolute - dann kannst du auch bestimmen was vorne und was hinten ist.
Ansonsten solltest du die ganzen Unterstreichungen entfernen. Unterstreichung ist was fürs Schulheft - in der Digigaltechnik und im Druck hat man dafür Fettdruck. Insbesondere im www ist Unterstrichung für Links reserviert, und damit nochmal mehr für alles andere Tabu.
--
"tsuji-giri" (japanisch) - ein neues Schwert an einem Passanten ausprobieren
|
|
|
Profil || Suche
|
.