+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Problem z Containerem po wstawieniu iframe z Vimeo (/thread-problem-z-containerem-po-wstawieniu-iframe-z-vimeo)
Problem z Containerem po wstawieniu iframe z Vimeo - wmalyna - 03-05-2011
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;
}RE: Problem z Containerem po wstawieniu iframe z Vimeo - geforce - 04-05-2011
Możesz podać podstronę gdzie występuje problem?
Pod Video wszystko wygląda dobrze :-)
RE: Problem z Containerem po wstawieniu iframe z Vimeo - wmalyna - 04-05-2011
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ę