zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bild bewegt sich von links nach rechts

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.07.2011, 19:23
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.02.2011
Beiträge: 19
xmimox befindet sich auf einem aufstrebenden Ast
Beitrag Bild bewegt sich von links nach rechts

Hallo,

ich hätte eine Frage zur Positionierung von Bildern.
Ich nutze WordPress und habe in der Header.php ein Logo welches ich an einer bestimmten Stelle platzieren möchte.

Mein Code:

Code:
#a1 {
    background-image: url("http://homepage.de/..logo.png");
    background-repeat: no-repeat;
    height: 200px;
    left: 240px;
    position: absolute;
    top: 35px;
    width: 250px;
    z-index: 1;
}
Mit diesem Code verschiebt sich jedoch das Bild von links nach rechts sobald ich ich Firefox größe variere ?!
Wie verhinder ich das ganze.

Hier die Seite (der blaue fuchs links ist gemeint)
1. Panzerdivision Brandenburg | semper fidelis

Geändert von xmimox (03.07.2011 um 13:58 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 02.07.2011, 19:35
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.138
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Vermutlich ohne position:absolute, sofern man das anhand dieses Code-Schnipsel überhaupt sagen kann.

Manfred
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 02.07.2011, 19:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.02.2011
Beiträge: 19
xmimox befindet sich auf einem aufstrebenden Ast
Beitrag

Zitat:
Zitat von Manfred62 Beitrag anzeigen
Vermutlich ohne position:absolute, sofern man das anhand dieses Code-Schnipsel überhaupt sagen kann.

Manfred
Hi hier ist der gesammte Inhalt der header.php, ohne position:absolute besteht das problem trotzdem.

Code:
<?php global $wp_theme_options; ?>
<!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'); ?>" />
<?php wp_meta(); ?>

<!--The Title-->
<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :: '; } ?><?php bloginfo('name'); ?> | <?php bloginfo('description'); ?></title>

<link rel="icon" type="image/png" href="<?php bloginfo('template_url'); ?>/images/favicon.gif" />

<!--The Stylesheets-->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<?php if ( file_exists( dirname( __FILE__ ) . '/custom-style.css' ) ) : ?>
	<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/custom-style.css" type="text/css" media="screen" />
<?php endif; ?>

<!--[if lt IE 7]>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/lt-ie7.css" type="text/css" media="screen" />
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/dropdown.js"></script>
<![endif]-->
<!--[if lte IE 7]>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/lte-ie7.css" type="text/css" media="screen" />
<![endif]-->

<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover = function() {
	var sfEls = document.getElementById("menu").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>

<!-- custom style-sheet -->
<?php if ( file_exists( dirname( __FILE__ ) . '/custom-style.css' ) ) : ?>
	<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/custom-style.css" type="text/css" media="screen" />
<?php endif; ?>

<!--The RSS and Pingback-->
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<?php
//A function that adds the necessary javascript for comment replying.
if (is_singular()) wp_enqueue_script( 'comment-reply' );
?>

<?php wp_head(); ?>






<style type="text/css">
#a1 { 
position:absolute; 
top:35px; 
left:240px; 
width:250px; 
height:200px;
z-index:1; 
background-image:url(http://domain.com/logo.png);
background-repeat:no-repeat;}
</style>
<div id="a1"></div>
</div>





</head>

<body <?php body_class(); ?>>

<div id="outer-wrap">
	<div id="header-wrap">
		<div id="header" class="clearfix">
			<div id="title">
				<a href="<?php bloginfo('url'); ?>" title="Return to Home"><h1><?php bloginfo('name'); ?></h1></a>
			</div>
		</div>
	</div>
	<div id="wrap" class="clearfix">
		<div id="menu-wrap" class="clearfix">
			<div class="limit">
				<?php ithemes_navigation(); ?>
			</div>
		</div>

Geändert von xmimox (02.07.2011 um 19:49 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 02.07.2011, 21:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.02.2011
Beiträge: 19
xmimox befindet sich auf einem aufstrebenden Ast
Standard

Hier die Seite:
1. Panzerdivision Brandenburg | semper fidelis
Mit Zitat antworten
  #5 (permalink)  
Alt 03.07.2011, 09:46
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.138
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Hmm, welches Logo ist gemeint?
In dem Link passt eigentlich alles.

Manfred
Mit Zitat antworten
  #6 (permalink)  
Alt 03.07.2011, 13:57
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.02.2011
Beiträge: 19
xmimox befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Manfred62 Beitrag anzeigen
Hmm, welches Logo ist gemeint?
In dem Link passt eigentlich alles.

Manfred
Morgen,
ich hatte vorhin kurzzeitig den Theme geändert um etwas zu testen. Der kleine blaue fux links ist gemeint.
Ich hoffe jemand hat eine Lösung
Mit Zitat antworten
  #7 (permalink)  
Alt 03.07.2011, 14:12
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.138
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

#a1 liegt ausserhalb von #outer-wrap, richtet sich deshalb immer nach dem body aus. Wo soll das logo hin? Hier bei 1280px liegt es über dem home-Link.

Manfred
Mit Zitat antworten
  #8 (permalink)  
Alt 03.07.2011, 15:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.02.2011
Beiträge: 19
xmimox befindet sich auf einem aufstrebenden Ast
Standard

Das war der alles entscheidene Hinweis !
Vielen Dank

Geändert von xmimox (03.07.2011 um 19:14 Uhr)
Mit Zitat antworten
  #9 (permalink)  
Alt 03.07.2011, 21:35
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.138
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Ich würde das Logo in den #header packen.
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
background, bild, css, image, positionieren

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bild im Fliesstext unten rechts ausrichten FinalAngel CSS 3 08.01.2009 08:29
"Grafiken" links und rechts vom content michimunk CSS 3 23.01.2008 15:13
"Text1" links und "Text2" rechts in eine nodoubt CSS 2 14.03.2006 18:48
grafik links und rechts unten ohne zwischenraum einbinden ? Kurt CSS 2 08.06.2004 15:04


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:54 Uhr.