Suche im Forum:
Suchen


Autor Nachricht
Beitrag19.03.2014 um 10:51 (UTC)    
Titel: Alle Elemente an Auflösung anpassen

Hallo Forum. Ich habe ein Problem & zwar wird meine Homepage auf größeren Bildschirmen mit einem großen weisen Rand dargestellt und ich weis nicht wie ich nun alles so anpasse das es auf jedem Bildschirm richtig aussieht.

http://www.marcelhanke.de / wäre die Seite

HTML CODE:

Code:
<html>
<head>
<title>40CRWNS</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="icon" href="favicon.png" type="image/png" />

<style type="text/css"> body { overflow: hidden; } > </style>
</head>
<body bgcolor="#FFFFFF" leftmargin="auto topmargin="auto" marginwidth="auto" marginheight="auto">

<body style="background-image:url(Unbenannt-1.jpg)">

   <body style="overflow:hidden;">
   
   <div id="leiste">
    <img class"leiste" src="leiste.png"
    </div>


   <div id="download">
    <img class"download" src="downloads.jpg"
    </div>
   
    <div id="share">
    <img class"share" src="share.jpg"
    </div>

   
    <div id="youtube">
    <a href="http://www.youtube.com/40crwns" src="youtube.jpg"> <img src="youtube.jpg"/></a>
    </div>
   
     <div id="facebook">
     <a href="http://www.facebook.com/40crwns"  src="facebook.jpg"><img src="facebook.jpg"/></a>
    </div>
   
   
    <div id="player">
           
     
      <iframe width="195" height="118" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/139853919&amp;color=000000&amp;auto_play=true&amp;hide_related=false&amp;show_artwork=true"></iframe></object>

    </div>
   
   

</body>
</html>



CSS:

Code:
/* CSS Document */

body
{
   background-color: #ffffff;
   background-image:url(Unbenannt-1.jpg);
    no-repeat; background-size:100% auto;
   background-repeat:no-repeat;
}

#leiste {
   position: absolute;
   top: 0px;
   left: 400px;
   
   
}

#download {
   position: absolute;
   top: 440px;
   left: 103px;
   
}

#share {
   position: absolute;
   top: -1px;
   left: -90px;
   
}

#youtube {
   position: absolute;
   top: 40px;
   left: 0px;
   
}

#facebook {
   position: absolute;
   top: 40px;
   left: 100px;
   
}


#player {
   position: absolute;
   top: 80px;
   left: 0px;
   
}
Beitrag19.03.2014 um 11:14 (UTC)    
Titel:

HeyHo,
abgesehen davon, dass es keine Baukastenseite ist, sind hier auch noch ein "paar" Codefehler vorhanden.
Code:
<style type="text/css"> body { overflow: hidden; } > </style>

Hier ist eine > zuviel.
Code:
<body bgcolor="#FFFFFF" leftmargin="auto topmargin="auto" marginwidth="auto" marginheight="auto">

Hier fehlen "
Code:
<img class"download" src="downloads.jpg"
<img class"share" src="share.jpg"

Hier fehlen /> am Ende

Vielleicht solltest erstmal die Fehler beheben Mr. Green
______________
mfg SEO
Beitrag19.03.2014 um 11:21 (UTC)    
Titel:

So hab ich gemacht Smile) wenn du nun die Zeit & Güte besitz mir zu helfen wäre ich dir sehr verbunden Very Happy Very Happy
Beitrag19.03.2014 um 14:54 (UTC)    
Titel:

40crwns hat Folgendes geschrieben:
So hab ich gemacht Smile) wenn du nun die Zeit & Güte besitz mir zu helfen wäre ich dir sehr verbunden Very Happy Very Happy

Also ich sehe keinen weissen Rand mehr => vor deinen Änderungen ja, aber jetzt ist der Rand weg. ( Auflösung 1936 x 1056 ).
______________
mfg SEO
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de