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

unterschiedliche Anordnung bei unterschiedlicher Monitorgröße

G

ga-bwler

Neues Mitglied
Ich habe folgendes Problem.

Ich möchte bei mir im Shop im Footer mehrere Spalten anordnen.
Links sollte " Unsere Marken" und rechts "Zahlungsmethoden" stehen. Dies habe ich folgendermaßen gelösst.

</p><div style="text-align: left;"><font size="2" style="font-weight: bold;">Unsere Marken</font>
<div style="float: right;"><font size="2" style="font-weight: bold;">Zahlungsmethoden</font> <br />
</div><hr style="width: 100%; height: 2px;" /><p>

Leider ist es so, dass bei kleinerem Bildschirm die "Zahlungsmethoden" nach unten verschoben werden. Bei meinem 24 Zoll sieht alles richtig aus.

Kann mit jemand sagen wo der Fehler ist?

Danke
 
Hallo,

also schon mal schon das 24'' nicht als standartd ansiehst :O).
gib den div eine feste breite dann bleiben die beiden sachen nebeneinander.

Cheffchen
 
Kann es sein das du <!DOCTYPE HTML> am Anfang deiner Seite vergessen hast?

Wenn ja, dann hier die Lösung:
HTML: 
<!DOCTYPE HTML>
<html>
<body>
<p>
<div style="text-align: left; width: 500px;">
<font size="2" style="font-weight: bold;">Unsere Marken</font> 
<div style="float: right;">
<font size="2" style="font-weight: bold;">Zahlungsmethoden</font> <br />
</div>
<hr style="width: 100%; height: 2px;" />
</p>
</body>
</html>
 
edit: ich hasse das, das man kein hinweis bekommt das neuer beitrag da sind. also oben das von @pallino geht natürlich auch :O)

Hallo,

so müsste das sein mit der breite.
ist jetzt 240px gesamt und jede spalte die hälfte, genau je 120px :O).
Obwohl der code immer noch etwas unklar ist font tag aber egal ohne ein link ist schwer zu sagen.

hier mal wie das aussehen kann(das bunte ist nur hilfe):
Aufzeichnen.JPG
und iher der code:
HTML: 
<div style="width:240px">
 <div style="width:120px;float:right">
     <font size="2" style="font-weight: bold;">
         Zahlungsmethoden:<br />
            - egal<br />
            - wo bleibt das geld
  </font>
 </div>
 <div style="width:120px">
  <font size="2" style="font-weight: bold;">
         Unsere Marken:<br />
            - alles <br />
            - und<br />
            - nichts
     </font> 
 </div>
<hr style="width: 100%; height: 2px;" />
</div>

Cheffchen
 
Cheffchen schrieb:
also schon mal schon das 24'' nicht als standartd ansiehst :O).
Zum Vergrößern anklicken....

Es heißt Standard.

Webseiten passt man nicht an Monitorgrößen an.

Wenn Du, @ga-bwler, deine Webseite aufbaust, musst Du dich zunächst dafür entscheiden, ob Du

- deine Seite variabel machst, so dass sie ab einer bestimmten Mindestgröße im Viewport gut aussieht
- deine Seite eine feste Breite hat

Die feste Breite (wie von Cheffchen beschrieben) ist sicherlich ein einfacher Weg. Du könntest aber auch alles Variabel machen (also statt px-Werte mit Prozentwerten arbeiten), was jedoch abhängig vom Design, nicht immer möglich ist.

pallino schrieb:
Kann es sein das du <!DOCTYPE HTML> am Anfang deiner Seite vergessen hast?
Zum Vergrößern anklicken....

Die Entscheidung, welchen Doctype man nutzen will sollte man vom HTML-Code abhängig machen den man schreiben will. Der HTML5-Doctype ist keine Allheillösung und mitunter auch inhaltlich falsch wenn man HTML4 oder XHTML schreibt - auch wenn er derzeit gerne genannt wird.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben