Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Problem z Containerem po wstawieniu iframe z Vimeo
#1
Witam

W sekcji blog na mojej stronie (www.wiktormalinowski.com) po wstawieniu do bazy danych wpisu z kodem embed z vimeo container przesuwa się o 9px w lewo, psuje to cały design layoutu i nie wiem co mam juz z tym zrobić! oto kod css
Kod:
@charset "utf-8";
/* CSS Document */
.active {
    background-color:#ff9898;
}
.notactive {
    background-color:#ffbfbf;
}

#container {
    position:relative;
        left:50%;
        margin-left:-512px;
    width:1024px;
}
#container > h1{
    margin:10px 0 0 0;
    color:#866666;
    font-size:45px;
    font-weight:bolder;
    font-family:"Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Calibri, Helvetica, Arial, Verdana;
}
#container > p{
    margin:0 0 0 0;
    color:#866666;
    font-size:20px;
    font-weight:normal;
    font-family:"Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Calibri, Helvetica, Arial, Verdana;
}
#buttons {
    align:center
}
#button {
    float:left;
    height: 40px;    
    overflow:hidden;
    width: 159px;
    display:block;
    margin: 0 14px 0 0;
    
}

#button:hover {
    background-color:#ff9898;
}
#button > h1 {
    vertical-align:middle;
    text-align: center;
    color:#866666;
    font-size:20px;
    font-weight:bold;
    font-family:"Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Calibri, Helvetica, Arial, Verdana;
}
#page {
    float:left;
    width:1024px;
    background-color:#ff9898;
}
#pageblog {
    float:left;
    background-color:#ff9898;
}
#vbox {
    margin:0px auto;
        float:none;
    width:1024px;
    background-color:#ffbfbf;
    border:none;
        padding:0px;
        }
#box {
    float:left;
    width:330px;
    height:350px;
    background-color:#ffbfbf;
    margin:25px 0px 25px 9px;
    }
#box > h1{
    margin-left:10px;
    text-align:left;
    color:#866666;
    font-size:30px;
    font-weight:bold;
    font-family:"Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Calibri, Helvetica, Arial, Verdana;
}
#box > p{
    padding:12px;
    text-align:left;
    color:#866666;
    font-size:18px;
    font-weight:normal;
    font-family:"Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Calibri, Helvetica, Arial, Verdana;
}
#pageblog > h2{
    margin-left:10px;
    text-align:left;
    color:#866666;
    font-size:30px;
    font-weight:bold;
    font-family:"Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Calibri, Helvetica, Arial, Verdana;
}
#pageblog > h1{
    margin-left:15px;
    text-align:left;
    color:#866666;
    font-size:24px;
    font-weight:bold;
    font-family:"Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Calibri, Helvetica, Arial, Verdana;
}
#pageblog > p{
    margin-left:20px;
        margin-top:10px;
        margin-right:20px;
        text-align:left;
    color:#866666;
    font-size:18px;
    font-weight:normal;
    font-family:"Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Calibri, Helvetica, Arial, Verdana;
}
#pageblog > date{
    margin-left:20px;
        text-align:left;
    color:#866666;
    font-size:14px;
    font-weight:normal;
    font-family:"Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Calibri, Helvetica, Arial, Verdana;
}
#pageblog > vbox >iframe{
        padding:0px;
        margin:0px;
        border:none;
}
#fadeshow1 {
    
}
#header {
    float:left;
    width:1024px;
    background-color:#ffbfbf;
}
#header >p >a {
        border:none;
        text-decoration:none;
        font-weight:bolder;
        color:#866666;
}
#banner {
    float:left;
    width:150px;
    height:100px;
    margin:0 10px 0 0;
    border:none;
}
#banner > img{
       border:0px;
       display:block;
{
#iframe {
    align:center;
}
Odpowiedz
#2
Możesz podać podstronę gdzie występuje problem?
Pod Video wszystko wygląda dobrze :-)
Odpowiedz
#3
www.wiktormalinowski.com/blog.php

problem niby zlikwidowałem bo zmieniłem style dla containera w podstronie i margines przesunalem o 9px ale nie o to chodzi. zreszta jak mam teraz w css position absolute, left 50%, margin :-512 px to ok, strona wystwiela sie na środku tak jakbym mial margin 0 auto tylko, że na przeglądarkach mobilnych ucina stronę
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Dynamiczna wysokość IFRAME Monika.W 2 3,444 25-05-2013, 19:44
Ostatni post: Monika.W
  automatyczne kliknięcie w iframe mateo 2 3,562 23-05-2011, 03:13
Ostatni post: mateo
  Iframe i W3C bmw328i 4 3,708 23-09-2009, 18:53
Ostatni post: bmw328i
  Dostosowywanie wysokości ramki Iframe do zawartości katana 0 1,544 12-09-2009, 17:53
Ostatni post: katana
  Jak wykonać przezroczystą ramkę iframe? mausser 1 1,946 04-09-2009, 01:17
Ostatni post: Bagsiu

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl