mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 23.04.2024 12:33 Benutzername: Passwort: Auto-Login

Thema: Div Positionierung Problem... vom 14.09.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Div Positionierung Problem...
Seite: 1, 2  Weiter
Autor Nachricht
christz
Threadersteller

Dabei seit: 05.01.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 14.09.2012 02:57
Titel

Div Positionierung Problem...

Antworten mit Zitat Zum Seitenanfang

Hallo liebe Mediengestalter ebenso Webmaster,
ich bastele eine Massage-Webseite für meine Tante und ich möchte schon mit Div statt Table anfangen zu lernen und coden. Ich habe selbstverständlich bei Selfhtml rumgestöbert und nach Div Positionierung gesucht, auch teilweise gefunden. Aber was ich gefunden habe ist nicht der Richtige für mich.
Was mein Problem ist, das Div-Box position:absolute; hat und wenn ein Besucher eine kleinere Bildschirmauflösung hat oder das Browserfenster kleiner ist, dann verschiebt das Div-Box auf der Seite nach rechts. Ich wollte so, das Div-Box da fest stehen bleiben muss.

Code:
Code:
<html>

<head>
<title>Massage</title>
</head>

<body background="animeet/rosa_background.png">

<center>
<div align="center" style="background-image: url('testbg.png'); width: 976; height: 620">
<div style="position: absolute; left:404; top:175; width:325; height:329; z-index:1; background-color:#ddf">aaa</div>
</div>
</center>

</body>

</html>


Und so sehen die Screenhots des Problems aus:


So muss es aussehen.

Aber, wenn das Browserfenster oder Bildschirmauflösung kleiner ist:



Ich habe eine Auflösung von 1680px x 1050px. Es wäre voll nett, wenn ihr mich kurz erklären könnt, was ich falsch gemacht bzw. geschrieben habe. Und ihr mir die Ratschläge bzw. Tipps geben könnt. Ich entschuldige mich für mein Deutsch, da ich gehörlos bin.
  View user's profile Private Nachricht senden
kiwi244

Dabei seit: 27.03.2011
Ort: Saarland
Alter: 53
Geschlecht: Weiblich
Verfasst Fr 14.09.2012 09:05
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo christz,
als erstes mal: Du mischst hier munter markup-Angaben (
Code:
center
,
Code:
align="center"
)mit css-Angaben *zwinker*
Ich vermute da Dein Problem: der Browser interpretiert Deinen div ja in die Mitte, wie im Markup angegeben.

Lies Dich hier mal ein:
Link
  View user's profile Private Nachricht senden
Anzeige
Anzeige
christz
Threadersteller

Dabei seit: 05.01.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 16.09.2012 19:24
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo, danke für Antwort, kiwi244.

Aber es funktioniert nicht mit "center". Ich habe etwas anders gemeint, lila Box darf nicht in die Mitte sein sondern linke Seite, wo weisse Box ist. :/ Und lila Box muss da auf weisses Box fest hinstehen, also mit absolute. Aber wenn man kleinere Bildschirmsauflösung hat, dann wird lila Box woanders verschoben. Dieses Problem meine ich.
  View user's profile Private Nachricht senden
pantonine

Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
Verfasst So 16.09.2012 19:28
Titel

Antworten mit Zitat Zum Seitenanfang

Naja, dann haste offenbar Deine Positionierung relativ zum Viewport gestaltet. Das ist natürlich Unsinn. Aber ganz ehrlich - Dein Markup ist so gestrig, dass Du vielleicht erst mal noch mal zeitgemäßes HTML lernen solltest, bevor Du Projekte umsetzt. Der Code sieht leider auch nicht nach strukturierter Arbeit aus, sondern so, als ob Du alles reingehauen hast, um irgendwie Dein Layout „hinzukriegen“. So kann das nur nach hinten losgehen.
  View user's profile Private Nachricht senden
christz
Threadersteller

Dabei seit: 05.01.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 16.09.2012 19:31
Titel

Antworten mit Zitat Zum Seitenanfang

pantonine hat geschrieben:
Naja, dann haste offenbar Deine Positionierung relativ zum Viewport gestaltet. Das ist natürlich Unsinn. Aber ganz ehrlich - Dein Markup ist so gestrig, dass Du vielleicht erst mal noch mal zeitgemäßes HTML lernen solltest, bevor Du Projekte umsetzt. Der Code sieht leider auch nicht nach strukturierter Arbeit aus, sondern so, als ob Du alles reingehauen hast, um irgendwie Dein Layout „hinzukriegen“. So kann das nur nach hinten losgehen.


Ich kann HTML eigentlich gut, ausser CSS. Wie ich schon geschrieben habe, dass ich noch mit Div lernen muss, dafür ist dieses Forum hier da. Oder auch nicht?!

Und wenn man mit Div beschäftigt ist, weiss man auch ganz genau, das kompliziert wird. Damit man lieber eine Testseite gestalten soll, statt alles umsonst zu coden.
  View user's profile Private Nachricht senden
pantonine

Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
Verfasst So 16.09.2012 19:36
Titel

Antworten mit Zitat Zum Seitenanfang

Zitat:
Und wenn man mit Div beschäftigt ist, weiss man auch ganz genau, das kompliziert wird.
Ein div ist genauso kompliziert, wie jedes andere Tag auch.
  View user's profile Private Nachricht senden
christz
Threadersteller

Dabei seit: 05.01.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 16.09.2012 21:45
Titel

Antworten mit Zitat Zum Seitenanfang

Ich habe es bemerkt, dass hier nicht die Richtige für Anfänger ist. Trotzdem habe ich ganz allein gelernt, die Lösung war relative.

Man kann mediengestalter.info niemals weiter empfehlen. <-- Schuld!
  View user's profile Private Nachricht senden
type1

Dabei seit: 19.11.2004
Ort: -
Alter: 44
Geschlecht: Männlich
Verfasst Mo 17.09.2012 00:06
Titel

Antworten mit Zitat Zum Seitenanfang

christz hat geschrieben:
Ich habe es bemerkt, dass hier nicht die Richtige für Anfänger ist. Trotzdem habe ich ganz allein gelernt, die Lösung war relative.

Man kann mediengestalter.info niemals weiter empfehlen. <-- Schuld!


Du bemerkst das Glashaus? *zwinker*
  View user's profile Private Nachricht senden
 
Ähnliche Themen css Problem Positionierung
Problem mit include und Positionierung
Responsive Picgallery - Problem mit Positionierung
[CSS] Problem mit Graphik-Slice Positionierung
Problem/Frage: Spezielle Positionierung von div mit CSS
IE8 und die Positionierung
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.