Header Anpassen - Auflösung?!

krimecing

hi habe folgendes problem: http://xs220.xs.to/xs220/07414/falsch.jpg
der header sollte immer mittig stehen aber mit einer auflösung:1680 x 1050 sieht es eben so aus :neutral:

1024 x 768 sieht es richtig aus: http://xs220.xs.to/xs220/07414/richtig.jpg

kann man da irgend wie etwas machen :confused:.

danke für evtl. tips :mrgreen:

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

MaD

zeig uns doch mal bitte die entsprechende Quelltextstellen zu dem Header ... besonders auch den css-Teil ...

krimecing

so?:mrgreen:

PHP

<!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 profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />


<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>


<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->


<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />


<?php wp_head(); ?>
</head>
<body <?php if(is_home()){echo 'id="home"';}?>>
<div id="header">
    <h1><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
    <p class="description"><?php bloginfo('description'); ?></p>
</div>
<div id="nav">
    <div id="navwrap">
        <ul>
            <li><a href="<?php echo get_settings('home'); ?>/">Power</a></li>
            <?php wp_list_pages('title_li='); ?> 
        </ul>
    </div>
</div>




<div id="wrap">

Alles anzeigen

danke :-D

telekommander

Zitat von krimecing

so?:mrgreen:

Ja/Nein, aber egal.
Bei dieser CSS-Definition und der Bildbreite wird es niemals mittig stehen.
Bei 1024px Auflösung ist es eher Zufall das es passt.

Das Bild müsste so breit sein wie dein [FONT="Courier New"]#wrap[/FONT] - Container und im Stylesheet dann so abändern:

Code

header {
margin: 0 auto; 
background: #( dieses Grau ) 
}

btw...:
<offtopic>
... suche ich eine Ersatzteilquelle für meinen Technics SU-7300 Amp, hast du Kontakte ?
</offtopic>

krimecing

ups danke für deine antwort leider weiss ich nicht wo von
du genau redest :mrgreen: kannst du mir das noch mal erläutern :neutral:

Zitat

...Bei 1024px Auflösung ist es eher Zufall das es passt...

das habe ich selber gemacht -> das es passt, habe aber nicht an andere auflösungen gedacht :-?.

----------------------------------------------

Zitat

<offtopic>
... suche ich eine Ersatzteilquelle für meinen Technics SU-7300 Amp, hast du Kontakte ?
</offtopic>

der hier?
http://img2.imagebanana.com/img/48ldx7na/CIMG4670.JPG
http://img2.imagebanana.com/img/22ql63gj/CIMG4661.JPG

was ist den kaputt :confused:.

telekommander

ok, von vorn ...

Die CSS Anweisungen bestimmen die Position des Bildes, dieses "klebt" immer am linken Bildschirmrand, unabhängig von der Auflösung. Der Versatz zum Inhalt wird natürlich grösser, je grösser die Auflösung, zumal der Inhalt immer zentriert dargestellt wird.
Du musst dich also entscheiden was du willst.
Wenn du deine Headerbild auch zentrieren möchtest, probieres mal so:

Code

#header{
	background:#ffffff url("http://audioklassiks.de.dd13518.kasserver.com/Bilder/Blog/banner.2.jpg") top left no-repeat;
	border-bottom:1px solid #c4cC91;
	height:160px;
	margin:0 auto;
	width:1100px;
}
#header h1{
	font-size:2.2em;
	font-weight:normal;
	margin:0 auto;
	padding:40px 100px 0 0;
	text-align:right;
}
#header h1 a{
       color:#555555;
}
#header .description{
	font-size:1em;
	padding:5px 90px 0 0;
	text-align:right;

Alles anzeigen

Das Bild dabei erstmal mal so genommen wie es ist.
Btw. find ichs generell zu breit, Besucher mit kleinen Auflösungen werden Schwierigkeiten haben ...

<offtopic>
Ja, genau das isser ... , mehr über PN.
</offtopic>

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Header Anpassen - Auflösung?!

Jetzt mitmachen!