| Autor | Zpráva | ||
|---|---|---|---|
| Václav Ulrych Profil * |
#1 · Zasláno: 23. 3. 2009, 09:46:44
Dobré ráno,
mám blog na serveru blogger.com, používám jejich starší šablonu Harbor. Při rozlišení o šířce 1024 px je všechno ve všech prohlížečích v pořádku. Problémy nastávají u širších monitorů: 1) V IE se u někoho stane, co se stát má, tzn. mezera mezi levým menu a hlavním polem se zvětší, hlavní pole se rozšíří a blog je přes celou šíři stránky, 2) Bohužel v jiných prohlížečích (a dle mých zpráv i u někoho v IE) zůstává obrovský pravý okraj a malilinké písmo. Nechci měnit šablonu, nemohu dát css do externího souboru (na bloggeru není kam), proto Vám níže posílám části kódu, které dle mého názoru za tyto potíže mohou a chtěl bych poprosit o pomoc, co upravit, aby u každého s monitorem nad 1024px platila varianta 1) #navbar-iframe { display: none !important;}
body {
background:#FFFFFF url("http://www.blogblog.com/harbor/rocks.jpg") no-repeat right bottom;
background-attachment:fixed;
margin:0;
padding:0;
margin-top:0px; position: relative; top: -30px;
font:x-small Georgia,Serif;
color:#000033;
font-size/* */:/**/small;
font-size: /**/small;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
body {background-attachment:scroll;}
/* End IE5-Mac hack */
a:link {
color:#0000FF;
text-decoration:underline;
}
a:visited {
color:#400058;
text-decoration:underline;
}
a:hover {
color:#940F04;
text-decoration:underline;
}
a img {
border-width:0;
}
/* Page Structure
----------------------------------------------- */
#wrap {
background:url("http://www.blogblog.com/harbor/sky.jpg") repeat-x left top;
min-width:740px;
margin:0;
padding:0;
text-align:left;
}
#wrap2 {
background:url("http://www.blogblog.com/harbor/lighthouse.jpg") no-repeat left top;
}
#wrap3 {
background:url("http://www.blogblog.com/harbor/cloud.jpg") no-repeat 100% 75px;
}
#wrap4 {
background:url("http://www.blogblog.com/harbor/center_cloud.jpg") no-repeat 50% 0;
padding:15px;
width:100%;
width/* */:/**/auto;
width: /**/auto;
}
#content {
max-width:890px;
padding:0 28px 50px;
width:100%;
width/* */:/**/auto;
width: /**/auto;
}
html>body #content {
float:center;
}
#main {
width:64%;
float:right;
}
#main2 {
margin:0;
padding:0;
}
#sidebar {
width:32%;
float:left;
}
#sidebar2 {
margin:0;
padding: 103px 0 20px;
}
/* Header
----------------------------------------------- */
#header {
padding:0px 0 0px 110px;
}
#blog-title {
margin:0 0 .25em;
font-size:280%;
font-weight:normal;
color:#940F04;
}
#blog-title a {
color:#940F04;
text-decoration:none;
}
#description {
margin:0;
max-width:700px;
font-size:82%;
line-height:1.8em;
font-weight:600;
letter-spacing:.2em;
color:#940F04;
}Ačkoli jsem pátral, řešení jsem nikde sám nenašel, třeba bude stačit jeden příkaz, jedna drobná změna. Teď musím pracovat, pokud některá důležitá část kódu chybí, napište a dodám ji odpoledne. Všem moc děkuji za pomoc. |
||
| KLM Profil * |
#2 · Zasláno: 24. 3. 2009, 00:26:19
Naštuduj CSS a překopej to. Tady žádný machr, který by Ti poradil jednoduché řešení není.
|
||
| Václav Ulrych Profil * |
#3 · Zasláno: 24. 3. 2009, 17:40:03
Tak jsem se zařídil dle rady a překopal jsem to. Už je to lepší?
#navbar {
height:0px;
visibility:hidden;
display:none
}
body {
background : #ffffff url("http://www.blogblog.com/harbor/rocks.jpg") no-repeat right bottom;
background-attachment : fixed;
margin : 0;
padding : 0;
margin-top : 0;
position : relative;
top : -30px;
font : x-small Georgia, Serif;
color : #000033;
font-size : small;
font-size : small;
}
body {
background-attachment : scroll;
}
a:link {
color : #0000ff;
text-decoration : underline;
}
a:visited {
color : #400058;
text-decoration : underline;
}
a:hover {
color : #940f04;
text-decoration : underline;
}
a img {
border-width : 0;
}
#wrap {
background : url("http://www.blogblog.com/harbor/sky.jpg") repeat-x left top;
min-width : 740px;
margin : 0;
padding : 0;
text-align : left;
}
#wrap2 {
background : url("http://www.blogblog.com/harbor/lighthouse.jpg") no-repeat left top;
}
#wrap3 {
background : url("http://www.blogblog.com/harbor/cloud.jpg") no-repeat 100% 75px;
}
#wrap4 {
background : url("http://www.blogblog.com/harbor/center_cloud.jpg") no-repeat 50% 0;
padding : 15px;
width : 100%;
width : auto;
width : auto;
}
#content {
max-width : 890px;
padding : 0 28px 50px;
width : 100%;
width : auto;
width : auto;
}
#main {
width : 64%;
float : right;
}
#main2 {
margin : 0;
padding : 0;
}
#sidebar {
width : 32%;
float : left;
}
#sidebar2 {
margin : 0;
padding : 103px 0 20px;
}
#header {
padding : 0 0 0 110px;
}
#blog-title {
margin : 0 0 0.25em;
font-size : 280%;
font-weight : normal;
color : #940f04;
}
#blog-title a {
color : #940f04;
text-decoration : none;
}
#description {
margin : 0;
max-width : 700px;
font-size : 82%;
line-height : 1.8em;
font-weight : 600;
letter-spacing : 0.2em;
color : #940f04;
} |
||
|
Časová prodleva: 15 let
|
|||
0