• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Probleme mit Headerwrapper

T

textsurfer

Neues Mitglied
Hallo,

ich habe mir ein kostenloses Template runtergeladen um daran ein bisschen rumzuschrauben.
Jetzt hab ich folgendes Problem:
Der Grundheader war original schwarz, wenn ich dann meine Auflösung auf 1280*1024 vergrößert habe, war der restliche Hintergrund (rechts und links von der Homepage) ebenfalls schwarz.

Als ich dann einen eigenen Header erstellt habe ist die Darstellung bei 1024*768 okay, aber wenn ich die Auflösung hochschraube, taucht rechts und links von der Homepage(am Bildschirmrand), neben dem Headerwrapper mein Header wieder auf.
Was muss man verändern damit bei jeder Auflösung mein Header in der Mitte ist und rechts und links davon nur schwarz angezeigt wird?

Ich hoffe ihr könnt mir folgen : )

Vielen Dank
 
Versuchs mal damit:
Code: 
background-color: #000;
background-image: url(deinheader.jpg);
background-position: top center;
background-repeat: no-repeat;
 
Okay, wo muss ich den Code genau einfügen?
Ich kenn mich noch nicht so gut aus mit HTML und Co.
Das meiste mach ich mit dem Programm NVU.
 
Dort, wo dein header formatiert wird ;-)
Kann dir vermutlich niemand sagen, ohne deine Seite gesehen zu haben.
 
oha...ok mal schauen, hier ist der code:

[
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" dir="ltr">
<head>


  <meta http-equiv="content-type"
 content="text/html; charset=UTF-8" />
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <meta name="author" content="" />
  <link rel="stylesheet" type="text/css"
 href="style.css" media="screen" />
  <title>test</title>
</head>
<body id="top">
<div id="header-wrapper">
<div id="header-wrapper-2">
<div class="center-wrapper">
<div id="header">
<div id="logo">
<h1 id="site-title"><a href="#"><br />
<span></span></a></h1>
<h2 id="site-slogan"><br />
</h2>
</div>
<div id="help-wrapper">
<div id="help"> <a href="#"><br />
</a> </div>

Wo müsste ich das genau einfügen?
 
An dieser Stelle im Headbereich wird zu einer Datei "style.css" verlinkt.
<link rel="stylesheet" type="text/css"
href="style.css" media="screen" />
Zum Vergrößern anklicken....

In dieser Datei sollten sich sämtliche Formatierungsangaben bedinden. Ggf. mal bitte einen Link zur Seite posten.
 
Im style.css steht folgendes:

HTML: 
/* Header */

#header-wrapper {background: #2F2F2F url('img/header.gif') repeat-x left top;}
#header-wrapper-2 {background: url('img/header-wrapper-2.gif') repeat-y center top;}
#header {
    background: #333 url('img/header.gif') repeat-x left top;
    padding: 32px 32px 0 46px;
}

#help-wrapper {
    background: url('img/help.gif') no-repeat left top;
    height: 39px;
    margin: -8px 0 0 auto;
    width: 290px;
}
#help {
    color: #666;
    font-size: 1.2em;
    padding: 10px 28px 0 32px;
}
#help a {
    color: #999;
    text-decoration: none;
}
#help a:hover {color: #DDD;}

#help span.text-separator {
    color: #444;
    padding: 0 7px;
}

#logo {color: #FFF;}
#site-title a {text-decoration: none;}
#site-title, #site-title a {color: #FFF;}
#site-title span, #site-title a span {color: #DDD;}
#site-slogan {
    color: #B58361;
    font-size: 1.3em;

Was muss genau geändert, bzw. wie muss es geändert werden?
 
Komme mit Banner platzieren nicht klar

Habe einen Werbebanner(codeschnipsel) den ich mittig im Header platzieren möchte. Ohne weiteres zu tun sitzt der Banner aber oben links auf der Webseite direkt am Rand. Was muss ich um den Bannercode schreiben, damit er dort sitzt nämlich oben zentrisch auf der Website. Und was ist zu tun wenn man links am Rand mittig nochmehr platzieren möchte. Danke im Voraus wenn mich Hilfe ereilt.

Peter
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben