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, 17: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, 18: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, 21: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, 21: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, 12: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 19:32
Layer passt sich nicht in der Größe an darton HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 12 28-11-2006 20:45
fopen/fread klappt nicht - Datei lässt sich nicht öffnen/lesen DerDilettant PHP Developer Forum 4 29-11-2005 22:47
[CSS] Layer passt Größe nicht an flolle HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 6 01-04-2004 11:29
Layer positionieren (Netscape) ChatJack HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 10 18-09-2003 12: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

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

Wissensbestand in Unternehmen
Wissensbestand in UnternehmenLebenslanges Lernen und Weiterbilden sichert Wissensbestand in Unternehmen

25.05.2018 | Berni


 

Aktuelle PHP Scripte

ADSMAN V3 - Werbe-Manager ansehen ADSMAN V3 - Werbe-Manager

ADSMAN V3 - mehr als nur ein Bannermanager! Banner, Textanzeigen und PagePeel Manager! Mit ADSMAN PRO haben Sie die Marketinglösung für eine effektive und effiziente Werbeschaltung mit messbaren Ergebnissen. Unterstützt werden Bannerformate in beliebi

25.10.2018 virtualsystem | Kategorie: PHP/ Bannerverwaltung
PHP News und Artikel Script V2

News schreiben, verwalten, veröffentlichen. Dies ist jetzt mit dem neuen PHP News & Artikel System von virtualsystem.de noch einfacher. Die integrierte Multi-User-Funktion und der WYSIWYG-Editor (MS-Office ähnliche Bedienung) ermöglichen...

25.10.2018 virtualsystem | Kategorie: PHP/ News
Top-Side Guestbook

Gästebuch auf Textbasis (kein MySQL nötig) mit Smilies, Ip Sperre (Zeit selbst einstellbar), Spamschutz, Captcha (Code-Eingabe), BB-Code, Hitcounter, Löschfunktion, Editierfunktion, Kommentarfunktion, Kürzung langer Wörter, Seiten- bzw. Blätterfunktion, V

22.10.2018 webmaster10 | Kategorie: PHP/ Gaestebuch
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 20:31 Uhr.