php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ?

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 14-11-2010, 16:50
Alex87
 Registrierter Benutzer
Links : Onlinestatus : Alex87 ist offline
Registriert seit: Mar 2010
Beiträge: 24
Alex87 zeigte ein beschämendes Verhalten in der Vergangenheit
Standard CSS: Layer positionieren klappt nicht

Hallo Leute,

ich hab eine etwas komplexere Webseite, bei welcher ich eure Hilfe in Sachen CSS benötige.

Es handelt sich dabei um die Webseite YouIdiot.de|Jeden Tag neue lustige Videos.

Diese soll wie folgt aussehen:



Leider bekomm ich es nicht hin, die Pink-markierte Box bei jeder Bildschirmauflösung gleich zu positionieren.

Über TestSize.com - test any web page in any window size kann man die verschiedenen Auflösungen testen:
Bei einer Breite von 1440 Pixel wird die Box perfekt angezeigt, bei 1920 Pixel Breite steht sie zu weit rechts (bitte beachten, dass die Box per Javascript ausgesteuert wird und generell erst bei einer Breite von 1440 Pixel sichtbar ist).

Der Css-Code für diese Box sieht dabei wie folgt aus:
Code:
#video-container-inside2 {
width: 200px;
float: right;
margin-top: -529px;
visibility:hidden;
Testen könnt ihr eure Ideen am besten mit Fireburg (Firefox-Plugin: ) https://addons.mozilla.org/de/firefox/addon/1843/

Hat jemand einen Plan, wie ich es hinbekomme, dass die die Positionierung bei jeder Auflösung wie auf dem Bild dargestellt wird?

Vielen Dank!

Alex
Mit Zitat antworten
  #2 (permalink)  
Alt 14-11-2010, 17:45
wahsaga
  Moderator
Links : Onlinestatus : wahsaga ist offline
Registriert seit: Sep 2001
Beiträge: 25.236
wahsaga befindet sich auf einem aufstrebenden Ast
Standard

Da sind mir noch viel zu viele Fehler drin, um mich da überhaupt näher mit zu beschäftigen.
[Invalid] Markup Validation of http://www.youidiot.de/beta/ - W3C Markup Validator
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
Mit Zitat antworten
  #3 (permalink)  
Alt 14-11-2010, 20:09
Alex87
 Registrierter Benutzer
Links : Onlinestatus : Alex87 ist offline
Registriert seit: Mar 2010
Beiträge: 24
Alex87 zeigte ein beschämendes Verhalten in der Vergangenheit
Standard

Keine Fehler die das Design zerstören. Danke für deine Unterstützung.
Mit Zitat antworten
  #4 (permalink)  
Alt 14-11-2010, 20:23
AmicaNoctis
  Moderatorin
Links : Onlinestatus : AmicaNoctis ist offline
Registriert seit: Jul 2009
Beiträge: 5.709
Blog-Einträge: 9
AmicaNoctis sorgt für eine eindrucksvolle AtmosphäreAmicaNoctis sorgt für eine eindrucksvolle Atmosphäre
Standard

Hallo,

durch float: right; wird es immer am rechten Rand kleben. Kannst du es nicht anders floaten, absolut positionieren oder wenn du es schon right floatest, die Größe des Elternelements begrenzen, so dass die nicht bis zum Fensterrand wachsen kann?

Gruß,

Amica
__________________
Hast du die Grundlagen zur Fehlersuche gelesen? Hast du Code-Tags benutzt?
Hast du als URL oder Domain-Beispiele example.com, example.net oder example.org benutzt?
Super, danke!
Mit Zitat antworten
  #5 (permalink)  
Alt 21-11-2010, 11:31
Alex87
 Registrierter Benutzer
Links : Onlinestatus : Alex87 ist offline
Registriert seit: Mar 2010
Beiträge: 24
Alex87 zeigte ein beschämendes Verhalten in der Vergangenheit
Standard

Zitat:
Zitat von AmicaNoctis Beitrag anzeigen
Hallo,

durch float: right; wird es immer am rechten Rand kleben. Kannst du es nicht anders floaten, absolut positionieren oder wenn du es schon right floatest, die Größe des Elternelements begrenzen, so dass die nicht bis zum Fensterrand wachsen kann?

Gruß,

Amica
Wir haben den Code jetzt nochmal komplett umgeschmissen, jetzt scheint es zu klappen. Danke für dein Vorschlag!
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Javascript bleibt nicht in fixiertem div layer lalle-rupp HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 5 21-09-2007 18:32
Layer passt sich nicht in der Größe an darton HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 12 28-11-2006 19:45
fopen/fread klappt nicht - Datei lässt sich nicht öffnen/lesen DerDilettant PHP Developer Forum 4 29-11-2005 21:47
[CSS] Layer passt Größe nicht an flolle HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 6 01-04-2004 10:29
Layer positionieren (Netscape) ChatJack HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 10 18-09-2003 11:50

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


PHP News

Die RIGID-FLEX-Technologie
Die RIGID-FLEX-TechnologieDie sogenannte "Flexible Elektronik" , oftmals auch als "Flexible Schaltungen" bezeichnet, ist eine zeitgemäße Technologie zum Montieren von elektronischen Schaltungen.

06.12.2018 | Berni

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni


 

Aktuelle PHP Scripte

myExplorer

explorer-ähnliche Darstellung von Verzeichnisinhalten. Ideal für Downloadordner. Möglichkeit Filter zu definieren um nur bestimmte Dateien/Ordner darzustellen. Sehr leicht einzubinden.

16.07.2019 bmitt | Kategorie: PHP/ File
WebAudio Player

Dieser Music-Player demonstriert, was mit der WebAudio-API so alles möglich ist. Er ist dazu gedacht, dass ihr euren Besuchern Musik auf der eigenen Homepage anbieten könnt.

16.07.2019 numaek | Kategorie: JAVASCRIPT/ sonstig
Plates native PHP template system

Plates ist ein natives PHP-Vorlagensystem, das schnell, einfach zu verwenden und einfach zu erweitern ist.

24.05.2019 Berni | Kategorie: PHP/ Framework
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 05:18 Uhr.