• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage div in einen anderen div positionieren

B

Baldrian

Neues Mitglied
Tagchen,

ich würde gerne hier ein Bild darstellen was auch funktioniert :)

<div class="nav" align="center" ><img src="images/menu.png" width="100%">

und hier würde ich gerne eine Verlinkung über dieses Bild darstellen.
Problem dabei ist, das ich dies bei Vollbild positionieren kann, aber wenn ich den Browser verkleinere verschiebt dieser sich mit, aber der soll seinen festen Platz behalten.

<div id="claninfourl"><a href="#claninfo" class="smoothScroll"><img src="images/info.png"></a>

</div>
</div>


Ist das möglich?
Gruß
Baldrian
 
Werbung:
Hallo

Ich verstehe leider nicht was du erreichen möchtest. Nur das dir das Verhalten des inneren Containers bei einer Änderung der Fenstergröße nicht gefällt.

Dabei ist es ganz normal wenn ich die Container / Elemente bei einer Webseite bei Änderung der Fenstergröße unterschiedlich anordnen. Du solltest deshalb bitte genauer beschreiben wie sich das Layout jetzt verhält und wie es sich verhalten soll.

Für eine konkrete Lösungshilfe wird zudem dein bisher gezeigter Quellcode nicht ausreichen.

Wie groß ist das Bild? Wie groß sind die Container?

Gruss

MrMurphy
 
Baldrian schrieb:
<div class="nav" align="center" ><img src="images/menu.png" width="100%">

und hier würde ich gerne eine Verlinkung über dieses Bild darstellen.
Problem dabei ist, das ich dies bei Vollbild positionieren kann, aber wenn ich den Browser verkleinere verschiebt dieser sich mit, aber der soll seinen festen Platz behalten.

<div id="claninfourl"><a href="#claninfo" class="smoothScroll"><img src="images/info.png"></a>

</div>
</div>


Ist das möglich?
Zum Vergrößern anklicken....
Eine verweissensitive Grafik (http://wiki.selfhtml.org/wiki/HTML/Multimedia_und_Grafiken/verweissensitive_Grafiken) kommt hier anstelle des vorgestellten Konstrukts nicht in Frage, das sich mit jedem weiteren Link zur sog. DIV-Suppe entwickeln wird?

Und warum greifst Du semantisch nicht zu <nav></nav>, anstatt die Navigation mit <div class="nav"></div> zu eröffnen?

<div> ist schließlich ein"Allgemeines Block-Element" ohne nähere semantische Bedeutung.

Mit HTML5 sind diverse Elemente eingeführt worden (u.a. <header>, <nav>, <footer>, usw.), die genau diesen Anwendungsfall aus der Vergangenheit obsolet führen, als es noch gängige Praxis war, diese Bereiche mit einem DIV auszuzeichnen, und seine Bedetung per ID o. Klasse zu definieren.

Siehe hierzu auch https://wiki.selfhtml.org/wiki/HTML/HTML5

Zu Deiner Frage: Unter bestimmten Voraussetzungen ist es grundsätzlich schon möglich, Elemente so zu positionieren, damit sie beim Skalieren des Browserfensters ihre Position zB. gegenüber dem Hintergrund(motiv) beibehalten.

Dazu ist es erforderlich, das Elternelement (in Deinem HTML-Code offensichtlich die Klasse .nav) relativ zu positionieren, damit sich die absoluten Startpositionen (top, right, bottom, left) der Kinderelemente auf dessen Boxenränder, und nicht auf die von <body> beziehen.

So viel zur Theorie. Genaueres lässt sich in Deinem Fall erst sagen, wenn man die Seite live gesehen hat, um die aktuellen Gegebenheiten in punkto CSS-Formatierungen zu kennen.

-Moderation: Das Thema wird von HTML nach CSS verschoben-
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben