Ergebnis 1 bis 8 von 8

Thema: Gre des Fensters ndern (CSS DAtei)

  1. #1
    Youngster
    Registriert seit
    15.11.2010
    Beitrge
    16
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Gre des Fensters ndern (CSS DAtei)

    Hallo zusammen,
    folgede Datei bewirkt, dass sich ein groes Fenster von dem angeklickten Foto ffnet.

    Da in der Datei scheinbar eine Grenbergrenzung fehlt, ffnen sich Fotos mit hoher Auflsung weit ber den Bildschirm. Also das man mit den Balken skrollen muss.

    Nur das Foto anzupassen habe ich hinbekommen, aber der Rahmen war trotzdem an die eigentlich Fotogre angepasst, so dass man wieder scrollen musste um auf den Next Button zu kommen.

    DA ich recht ahnungslos und ein blutiger Anfnger auf dem Gebiet bin, hab ich einfach einen Wert nach dem anderen gendert. Aber ohne Erfolg...

    Kann mir einer sagen wo ich die Gre des ganzen Fensters fest definieren kann??? Dies mte man ja sicherlich in ...px angeben, da bei % sich die Gre wieder nach der AUflsung richten wrde...???


    Code:
    #lightbox{    position: absolute;    left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
    #lightbox img{ width: auto; height: auto;}
    #lightbox a img{ border: none; }
    
    #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
    #imageContainer{ padding: 10px; }
    
    #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
    #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
    #imageContainer>#hoverNav{ left: 0;}
    #hoverNav a{ outline: none;}
    
    #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
    #prevLink { left: 0; float: left;}
    #nextLink { right: 0; float: right;}
    #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
    #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
    
    #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%    ; }
    
    #imageData{    padding:0 10px; color: #666; }
    #imageData #imageDetails{ width: 70%; float: left; text-align: left; }    
    #imageData #caption{ font-weight: bold;    }
    #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }            
    #imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}         
    
    #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist lter als 90 Tage. Die darin enthaltenen Informationen sind mglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Knig(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beitrge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Gre des Fensters ndern (CSS DAtei)

    Du kannst keine Webseite an eine Auflsung anpassen. Du kannst sie hchstens an den Viewport, also den Bereich im Browserfenster anpassen den deine Webseite einnehmen darf. Demzufolge kannst Du auch nicht per CSS das Fenster selbst beeinflussen, da CSS nicht dafr gedacht ist in Bereiche des Benutzers einzugreifen.

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    15.11.2010
    Beitrge
    16
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Gre des Fensters ndern (CSS DAtei)

    Hmm, hab es schon geschafft den Bildern eine bestimmte Gre zuzuweisen, das die vor und zurck Buttons angepat waren hab ich auch hinbekommen, aber den Rahmen hab ich nicht klein bekommen...

    Dass es eigentlich ber die HTML Seite am gnstigsten wre habe ich mir auch gedacht, hab es aber nicht hinbekommen... (wie gesagt, bin blutiger Anfnger)
    Die Seite soll auch nur Bilder anzeigen, daher hab ich die Beispielseite abgendert....
    Bei meiner Hompage lass ich mir vom Publisher helfen....

    HTML-Code:
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
        
        <title>Bilder von uns | Test Page</title>
    
        <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
        
        <script src="js/prototype.js" type="text/javascript"></script>
        <script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
        <script src="js/lightbox.js" type="text/javascript"></script>
    
        <style type="text/css">
            body{ color: #331; font: 13px 'Lucida Grande', Verdana, sans-serif;    }
        </style>
    
    </head>
    <body>
    
    
    <h1><a href="http://www.----family.homepage.t-online.de">unsere Bildersammlung</em></a></h1>
    <p><a href="http://www.-----family.homepage.t-online.de">by Ren </a></p>
    
    
    <a href="Bilder/DSC07840.jpg" rel="lightbox[roadtrip]" ><img src="Bilder/DSC07840.jpg" width="100" alt="" /></a>
    <a href="Bilder/DSC07841.jpg" rel="lightbox[roadtrip]" ><img src="Bilder/DSC07841.jpg" width="100" alt="" /></a>
    <a href="Bilder/DSC07842.jpg" rel="lightbox[roadtrip]" ><img src="Bilder/DSC07842.jpg" width="100" alt="" /></a>
    <a href="Bilder/DSC07858.jpg" rel="lightbox[roadtrip]" ><img src="Bilder/DSC07858.jpg" width="100" alt="" /></a>
    <a href="Bilder/DSC07859.jpg" rel="lightbox[roadtrip]" ><img src="Bilder/DSC07859.jpg" width="100" alt="" /></a>
    <a href="Bilder/DSC07860.jpg" rel="lightbox[roadtrip]" ><img src="Bilder/DSC07860.jpg" width="100" alt="" /></a>
    <a href="Bilder/DSC07861.jpg" rel="lightbox[roadtrip]" ><img src="Bilder/DSC07861.jpg" width="100" alt="" /></a>
    <a href="Bilder/DSC07867.jpg" rel="lightbox[roadtrip]" ><img src="Bilder/DSC07867.jpg" width="100" alt="" /></a>
    
    
    </body>
    </html>
    Gendert von renee (21.11.2010 um 18:51 Uhr)

  4. #4
    Unregistriert
    Gast

    Unglcklich AW: Layout geht kaput, bei anderer Auflsung.... !Hilfe!

    Hallo ich habe ein Problem, also ich habe meine Internetseite mit CSS formatiert.
    Ich habe Grafiken, Texte, ... positioniert mit %.

    Problem: Wenn jemand aber eine andere Auflsung hat, dann wird meine Internetseite nicht mehr richtig
    dargestellt, dar die Positionierung kaputt geht.

    Bsp:

    body {margin:0; padding:0; width:100%; height:100%; position:absolute;}


    div {}

    #banner {position:absolute; width:100%;}
    #bild_unter_banner {position:absolute; top:5%; width:100%; height:57.6%;}

    #startseite_button {position:absolute; top:1%; left:28%;}

    body {margin:0; padding:0; width:100%; height:100%; position:absolute;}


    div {}

    #banner {position:absolute; width:100%;}
    #bild_unter_banner {position:absolute; top:5%; width:100%; height:57.6%;}

    #startseite_button {position:absolute; top:1%; left:28%;}


    --> meine Auflsung, mit der ich Sie geschrieben habe war 1366 x 768.


    Mein Anliegen, ich mchte, das meine Internetseite(CSS-Layout) sich an die Auflsung des Browserfensters anpasst,
    damit meine Positionierung nicht kaputt geht.


    Wrde mich freuen, wenn ich diese Seite nicht in 2 verschieden Auflsungen schreiben msste.

    Hiermit bedanke ich mich schon mal
    Hoffe Ihr knnt mir helfen.

  5. #5
    Knig(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beitrge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Gre des Fensters ndern (CSS DAtei)

    Browserfenster nehmen keine Auflsungen ein. Folglich ist es vllig egal, was fr eine Auflsung Du hast. Eine Webseite kann man hchstens an Viewports anpassen - den Bereich den ein Browserfenster einer Webseite zur Verfgung stellt.

    Wenn Du willst, dass deine Seite in verschiedenen Viewports einheitlich zu sehen ist, hast Du an sich 2 Mglichkeiten:
    - Du passt deine Seite an bestimmte Mindestmae an. Sollte der Viewport grer sein, bleibt der restliche Platz einfach leer.
    - Du baust deine Seite dynamisch auf, so dass sie sich an verschiedene Viewports anpassen kann. So ist z.B. auch dieses Forum hier aufgebaut. Das geht aber nicht bei jedem Design, denn nicht jedes Design ist so flexibel.

    Bei deinem Code-Ausschnitt sehe ich bereits ein Verstndnisproblem bei dir. Du verwendest zu exzessiv absolute Positionierungen. Diese in Verbindung mit prozentualen Werten zur Positionierung fhrt garantiert zu Fehldarstellungen. Du solltest dir nochmal anschauen, wie man Elemente richtig platziert, ohne Positionierung.

  6. #6
    Unregistriert
    Gast

    Beitrag AW: Gre des Fensters ndern (CSS DAtei)

    Zitat:

    "Bei deinem Code-Ausschnitt sehe ich bereits ein Verstndnisproblem bei dir. Du verwendest zu exzessiv absolute Positionierungen. Diese in Verbindung mit prozentualen Werten zur Positionierung fhrt garantiert zu Fehldarstellungen. Du solltest dir nochmal anschauen, wie man Elemente richtig platziert, ohne Positionierung."


    Wie meinst du das mit der "exzessiv absolute Positionierungen" ???
    Luft das auf das Arbeiten mit Tabellen aus?

  7. #7
    Knig(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beitrge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Gre des Fensters ndern (CSS DAtei)

    Nein, mit Sicherheit nicht. Denn Webseiten erstellt man weder mit Tabellen noch mit "div's". Wenn ich von richtiger Positionierung spreche meine ich schon float und Abstnde etc. sowie die Verwendung von HTML-Elementen wofr sie tatschlich gedacht sind: um Inhalte auszuzeichnen.

  8. #8
    Unregistriert
    Gast

    Standard AW: Gre des Fensters ndern (CSS DAtei)

    Oh danke ...
    habe mir das noch mal angeschaut... und jetzt verstanden ^^
    danke dir ...

hnliche Themen

  1. Gre ndern
    Von Starfighter im Forum Forum fr Grafiken und Bildbearbeitung
    Antworten: 6
    Letzter Beitrag: 19.02.2007, 12:32
  2. Wie Gre ndern fr Tabelle?
    Von Minksi im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 05.07.2005, 14:40
  3. gre des verlinkten fensters bestimmen.
    Von popup im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 28.06.2005, 15:34
  4. Datei gre ndern
    Von Lion im Forum Forum fr Grafiken und Bildbearbeitung
    Antworten: 11
    Letzter Beitrag: 11.03.2005, 21:27
  5. drop men - gre ndern
    Von pr0stAta im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 10.08.2004, 19:46

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhnge hochladen: Nein
  • Beitrge bearbeiten: Nein
  •