Wie können externe Webseiten unter einem Banner am besten dargestellt werden?

Google Images ist das beste Beispiel. Sobald Sie einem Bild folgen, bleibt ein Rahmen am oberen Rand der Seite und erinnert Sie immer daran, zu Google zurückzukehren. Hat diese Technik einen speziellen Namen und was ist der effizienteste Weg dies zu tun?Wie können externe Webseiten unter einem Banner am besten dargestellt werden?

Ich habe dies so weit:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
    <title>Framed content</title> 
    <style type="text/css"> 
     #bar { 
      width:100%; 
      height:10%; 
     } 
     iframe { 
      width:100%; 
      height:90%; 
     } 
    </style> 
</head> 
<body> 
    <div id="bar"><!-- PUT THE CONTENTS OF THE BAR HERE --></div> 
    <iframe src="{LOCATION OF THE HTML PAGE}"></iframe> 
</body> 
</html>

Wie kann ich anpassen die oben so dass #bar hohe 100px statt 10% hoch lesen kann? Wie wirkt sich das auf den Code aus? Das ist der Kern meiner Frage.

Vielen Dank. Patrick

Quelle

2009-08-23 Patrick Beardmore

Sie könnten tun, was Google tut, und entfernen Sie Ihre Doctype-Tag. Ihr Markup wird mit dieser einen Modifikation sofort funktionieren und Sie können die Höhe des Balkens auf 100px und die Höhe des iFrames auf 100% setzen, um die gewünschten Ergebnisse zu erzielen.

Quelle

2009-08-23 23:06:15

Mit diesem Setup können Sie eine Box erstellen, die sich bis zu den Bildschirmrändern (oben, links, rechts, unten) erstreckt, die eine feste Breite (links und rechts) und eine feste Höhe (oben und unten) haben, wobei die Mitte reserviert ist für einen riesigen iFrame, der den Rest des Raumes füllte. Wenn ja, wie könnte das gemacht werden? Wann immer ich es versuche, wird die Tabelle ihren Breitenanforderungen nicht gerecht. Vielen Dank, Patrick –

Ich denke, es ist immer noch nur "framing" genannt, auch wenn es fortgeschrittener ist als der alte Frameset-Stil in den späten 90er und frühen 2000er Jahren populär. Andere Beispiele, die Sie studieren könnten, sind Facebook und Stumbleupon.

Quelle

2009-08-23 17:40:33 beggs

Digg ist ein gutes Beispiel dafür. – ceejayoz

Ich habe gesehen, es ist ein „topbar“ genannt ...

persönlich aber ich finde mich wirklich ärgerlich, wenn sie einen sehr nützlichen Zweck sind zu dienen. Ich muss nicht daran erinnert werden, zu Ihrer Website zurückzukehren. Sie können den Link in diesem Fall auch in einem neuen Fenster öffnen.

Quelle

2009-08-23 22:18:34

Nach ein wenig Nachforschung stieß ich auf dieses, das iframes überhaupt nicht benutzt. Ich weiß, dass einige Leute Framesets nicht mit einem Bargepole anfassen werden, aber ich würde gerne wissen, was die Leute für potentielle Probleme halten, abgesehen von den offensichtlichen "Frames, die nicht unterstützt werden".

<html> 
<frameset rows="100,*" frameborder="no" framespacing="0"> 
    <frame name="h" src="top_source" scrolling="no" noresize >  
    <frame name="t" src="main_source" scrolling="auto" noresize > 
</frameset> 
</html>

Dies macht die Verwendung des Wildcard "*", die div Höhe Attribute nicht haben.

Quelle

2009-08-23 22:37:24

Wie können externe Webseiten unter einem Banner am besten dargestellt werden?

Antwort

Verwandte Themen