| Autor |
Nachricht |
Mogli Designz
Threadersteller
Dabei seit: 21.01.2009
Ort: Bremen
Alter: 40
Geschlecht: 
|
Verfasst Do 04.03.2010 08:51
Titel Div-Frage |
  |
|
Hallo liebes Forum 
Ich mal wieder mit einem kleinen Problem, was wahrscheinlich mir jeder von euch beantworten kann.
Ich möchte ein Bild auf einer Webiste (Myspace) platzieren. Jedoch wenn ich folgenden Code nehme:
| Code: |
<style>
.banner {
position:absolute !important;
top:1180px !important;
left:470px !important;
width:311px;
height:609px;
background-color:transparent !important;
border:0px solid;
border-color:white;
overflow:auto !important;
overflow-x:hidden;
text-align: center !important;
float:left !important;
white-space:nowrap !important;
}
</style>
<div class="banner">
<a href="mailto:Mogli-Designz@hotmail.de"><img src="http://www.mogli.......das Bild eben" /></a>
</div>
|
Dann ist die Grafik beim vergrößern und verkleinern den Browserfensters wie festgeankert und bewegt sich nicht mit.
Nun habe ich mich unwissend entschlossen diesen Code zu nehmen:
| Code: |
<style>
.banner {
position:relative;
top:-802px !important;
left:-333px !important;
width:314px;
height:61px;
border:0px solid;
float:left !important;
}
</style>
<div class="banner">
<a href=""><img src="http://www.mogli.......das Bild eben" border="0" /></a>
</div>
|
Nun bewegt sich die Grafik auch mit, aber leider ist es mit relative irgendwie so eine Sache!
Sobald ich was anderes mir relative reinstelle, verschiebt sich alles.
Ein Kollege meinte nur zu mir, ich solle doch alle divs die ich habe, in ein Hauptdiv reinpacken, dem eine Höhe und Breite geben und dann wieder auf absolute setzen. Leider weiß ich überhaupt nicht wie sowas aussehen soll.
Ich hoffe das jemand unter euch ist, der mein Problem erkennt und würde mich riesig über Hilfe freuen...
Durch dieses Programmieren werde ich schneller grau als ich dachte
Danke
Zuletzt bearbeitet von Mogli Designz am Do 04.03.2010 08:52, insgesamt 1-mal bearbeitet
|
|
| |
  |
 |
owntheworld
Dabei seit: 26.12.2009
Ort: Augsburg
Alter: 37
Geschlecht:
|
Verfasst Do 04.03.2010 14:09
Titel Re: Div-Frage |
|
|
| Mogli Designz hat geschrieben: | | Dann ist die Grafik beim vergrößern und verkleinern den Browserfensters wie festgeankert und bewegt sich nicht mit. |
Weil du den Abstand von links zum Browser fest reinschreibst.
Versuch es mal hiermit, und ändere da das "margin-left" so ab, dass es passt:
| Code: | <style>
.banner {
position:absolute !important;
top:1180px !important;
width:311px;
height:609px;
background-color:transparent !important;
border:0px solid;
border-color:white;
overflow:auto !important;
overflow-x:hidden;
left:50%; /* zentrieren */
margin-left:-200px; /* von der mitte aus nach links */
}
</style> |
|
|
| |
|
|
|
Anzeige
|
|
|
easteregg
Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht:
|
Verfasst Do 04.03.2010 14:28
Titel Re: Div-Frage |
|
|
Wie sollte sie sich auch bewegen, wenn du dem Rahmen doch eine absolute Positionierung zuschreibst, mit festen Abständen nach oben und links und fester Breite 
Da ich nicht weiß, ob der .banner sich relativ zu anderen Elementen bewegen darf, einfach mal eine erste Lösung:
| Code: | <style>
.banner {
position: absolute;
display: block;
margin: 1180px 0 0 470px;
width: 311px;
height: 609px;
background: transparent;
border: 0;
text-align: center;
}
</style> |
Wie gesagt, ich weiß nicht, wie der Rest deiner Seite aussieht, und ob es nicht evt einfacher wäre ein div mit display: block und text-align: center zu nehmen...
Edit: Hab ich jetzt echt mehr als 19 Minuten getippt? Wow 
Zuletzt bearbeitet von easteregg am Do 04.03.2010 14:29, insgesamt 1-mal bearbeitet
|
|
| |
|
|
Mogli Designz
Threadersteller
Dabei seit: 21.01.2009
Ort: Bremen
Alter: 40
Geschlecht:
|
Verfasst Do 04.03.2010 21:03
Titel
|
|
|
Vielen Dank, hat geklappt
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Rechtliche Frage bzw. einfach ne Frage :)
Frage nach der Frage
CSS Frage / CMS Frage
cms frage!
Frage
SEO Frage
|
|
Willkommen auf dem Portal für Mediengestalter
