ilch Forum » Allgemein » HTML, PHP, SQL,... » Wiedermal CSS

Geschlossen
  1. Mi. 11.06.2008 12:33 Uhr #1
    User Pic
    mcburn Mitglied
    Registriert seit
    05.09.2007
    Beiträge
    41
    Beitragswertungen
    0 Beitragspunkte
    Hi auf folgender Seite:

    mcburn.mc.funpic.de/hp_beta/hp/

    hab ich das Problem das, das Bild oben links im Header nicht fest auf dieser Stelle bleibt auf der es sein soll.

    Sprich, bei einer Auflösung wie z.b. 800x600 oder extrem groß 2048x1572 verschiebt sich das kleine Bild vom "König" nach links oder eben rechts... da es nur ein Overlay oder wie man das schimpft ist.

    so habe ich es eingebunden: 

    #apDiv1 {
	background:url(include/designs/rdv/bilder/king.png);
	position:absolute;
	left:204px;
	top:1px;
	width:199px;
	height:265px;
	z-index:1;
}


    vielen dank für eine Antwort
    mfg burn


    Zuletzt modifiziert von mcburn am 11.06.2008 - 12:34:08
    0 Mitglieder finden den Beitrag gut.
  2. Mi. 11.06.2008 13:00 Uhr #2
    User Pic
    Tolive Mitglied
    Registriert seit
    13.01.2008
    Beiträge
    923
    Beitragswertungen
    9 Beitragspunkte
    Das Problem ist das du das Design wahrscheinlich Zentriert hast und das Bild immer vom Rand aus positionieren lässt. Das Problem dabei ist das er bei einer Auflösung von 800*600 das Bild 200 von Links Positioniert, und es bei 2048x1572 ebenfalls 200 von Links positioniert.

    Das ganze löst du entweder mit einem Div und margin oder padding oder indem du das Bild von der Mitte aus ausrichtest.
    SERVERPEDIA - Web, Linux, Datenschutz & mehr!
    vServer-Preis-Vergleich.de - Stets den besten vServer finden!
    0 Mitglieder finden den Beitrag gut.
  3. Mi. 11.06.2008 13:08 Uhr #3
    User Pic
    mcburn Mitglied
    Registriert seit
    05.09.2007
    Beiträge
    41
    Beitragswertungen
    0 Beitragspunkte
    Vielen dank für die Antwort :-)

    ist mir auch eben beim ausprobieren aufgefallen, das er immer die 204 px von links aus nimmt.

    da ich keinerlei ahnung hab was du mit margin oder padding meinst, frag ich einfach mal wie ich es denn von der Mitte aus ausrichte?
    0 Mitglieder finden den Beitrag gut.
  4. Mi. 11.06.2008 13:16 Uhr #4
    User Pic
    Tolive Mitglied
    Registriert seit
    13.01.2008
    Beiträge
    923
    Beitragswertungen
    9 Beitragspunkte
    Also du hast ja das ganze Design Zentriert, das machst du auch mit dem Bild. Am besten verwendest du ein div: 

    <div align="center" style="padding-left:200px;"></div>


    So es sollte dann von der Mitte aus 200 px (die 200 wirst du wohl anpassen müssen) nach rechts verschoben werden. Ebenfalls kannst du die style Sachen in die style.css packen (einfach eine id vergeben).
    SERVERPEDIA - Web, Linux, Datenschutz & mehr!
    vServer-Preis-Vergleich.de - Stets den besten vServer finden!
    0 Mitglieder finden den Beitrag gut.
  5. Mi. 11.06.2008 13:38 Uhr #5
    User Pic
    mcburn Mitglied
    Registriert seit
    05.09.2007
    Beiträge
    41
    Beitragswertungen
    0 Beitragspunkte
    so hab ich das nun eingebunden, doofer weise hab ich nun 2 Bilder, eins welches am richtigen Platz steht und eins daneben. 

    <body style="margin:0">
<div align="center" id="apDiv1" style="padding-left:200px"></div>
<div id="apDiv2"></div>
<table width="800" height="50" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

....




    -edit-

    habs nun so gelöst: 
    #apDiv1 {
  position:absolute; 
  width:100%; 
  height:265px; 
  top:1px; 
  right:320px;
  background:url(include/designs/rdv/bilder/king.png); 
  background-repeat:no-repeat; 
  background-position:center;
}



    Zuletzt modifiziert von mcburn am 11.06.2008 - 14:31:47
    0 Mitglieder finden den Beitrag gut.
  6. Mi. 11.06.2008 15:50 Uhr #6
    User Pic
    mcburn Mitglied
    Registriert seit
    05.09.2007
    Beiträge
    41
    Beitragswertungen
    0 Beitragspunkte
    Auch wenns n doppelpost ist hab ein erneutes Problem, ich versuch grad die Newstabellen zuändern so das ich bei jeder neuen News eine neue Box mit meinen Grafiken habe.
    irgendwie muss da ja die news.html umschreiben... fragt sich nur wie?

    Irgendwie will der meine Hintergrundgrafik nicht akzeptieren und ich versteh absolut nicht wieso. 

    <div><strong><a href="index.php?news-{id}">{title}</a></strong><small> {datum}</small>
<hr style=" width:480; height:25; background:include/designs/rdv/bilder/newsue.jpg; " />
</div>
<div style="float:left; width:20%; text-align:center; ">{kate}</div>
<div style="float:left; width:80%; padding-top:25px; ">
    0 Mitglieder finden den Beitrag gut.
  7. Mi. 11.06.2008 17:25 Uhr #7
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Versuchs mal mit einem anderen Element, hr ist da vielleicht nicht gerade das geeignetste, wie wäre es mit einem div? Vergiss dabei aber nicht, dass ein div auch wieder geschlossen werden muss.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten