7-es explorer alatt kicsit szétesik az oldal

Sziasztok!





(Ez az első, amit írok az újjávarrt fórumon… Tök jó!)











Azt írta valaki, hogy:





“…7-es explorer alatt kicsit szétesik az oldal. Gondolom felülre is akartál menüsort, de hibás és ez az egyik ok ami miatt szétesik. A másik ok a diveknél van…”











Én Kubuntun élek, még csak meg sem tudom nézni, mi történik.











Kérlek, ha van IE 7-ed, nézz rá a http://zartamas.hu/ -re.











És, ha hibát látsz, kérlek, segíts beazonosítani, és… ha lehet… javítani is.











Köszi!











Tamás

Csinálj külön CSS-t IE7-nek.











Példa:



Code:



Húha!





Laci, ez nekem egy pillanatra … uff… jaj!





Mit is? Hogyan is?











Azt hinném, azon a honlapon semmi extra nincs… csak alap dolgok… Alap widgetek… oldalak, categóriák és text…











Egyrészt le vagyok döbbenve… hogy mit is csináljak???





Másrészt rém hálás vagyok a segítségedért…











Ciki ez a sablon? Baj van vele?











Ha a te extra CSS-edet beteszem, az megoldás? És hová illesszem be, amit írtál?











Ez az egész “jól jön” minden sablonnál?











Ennyire gáz az IE??? Vagy a WP és az IE ennyire nem illenek össze?











A fenébe is! Mennyire keveset tudok!











Hú… kidőlök…





Köszönettel,











Tamás





u.i. Neked hogy van időd ennyi mindenre??? Csodállak, csodálom!





És köszönöm!

Ha Laci css-ét beteszed az nem megoldás, mert az ő sablonjának a stílusát tartalmazza. Amúgy az IE sokak életét megkeseíti és nincs összefüggésbe a wp-vel. IE monnyon le! :smiley:

Köszi, Efrud… Hát, akkor??? Mit lehet tenni???





Másik sablont kell keresni? Vagy… ebbe belejavítani?





Sajnos, ennél kevesebbet értek a CCS-hez (mondjuk úgy: keveset).





Hogyan tovább, mit csináljak? Mit keressek?











Help, please!











Köszi,











Tamás

Hopp! Most valaki azt írta, Safari-ban is szétesik…





Akkor, lehet, valami nagyobb gáz van… ha nem csak az IE okoz gondot.





frown.gif











Tamás

Nem lehet az Tamás, hogy valamit a bejegyzésekben közvetlenül Ctrl+C - Ctrl+V módszerrel másoltál be (honlapról, word dokumentumból), és nem a szövegszerkesztő “W” gombján keresztül illesztetted be?











Nyisd meg a bejegyzéseket HTML szerkesztő módban, és nézz rá, hogy nem ragadt-e be valami hülye karaktersorozat.











Most néztem meg: Safari, Chrome és Opera alatt egyaránt szétesik az oldal. :frowning: (IE7-esem meg megállt, mint a jancsiszög. De nem csak ezen az oldalon, hanem minden oldalt órákig tölt (nem tölt) be. )

Szia Győző!











Sajnálom, hogy az oldalam miatt lefagyott…





És köszi.











Megnéztem, de nem találtam nyomát a CTRL V-s beillesztésnek, szerintem erre már figyelek.











Az lehet a gond, hogy ki akartam venni az Oldalak menü sort a fejlécből… és ott elrontottam vmit…











Ez a header.php a módosításommal együtt:









Quote:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">








<?php


if (is_home()) {


echo bloginfo('name'); echo ": "; echo bloginfo('description');


} elseif (is_404()) {


echo '404 Not Found';


} elseif (is_category()) {


echo 'Topics:'; wp_title('');


} elseif (is_search()) {


echo 'Search Results';


} elseif (is_day() || is_month() || is_year() ) {


echo 'Archives:'; wp_title('');


} else {


echo wp_title('');


$subtitle = get_post_meta($post->ID, 'Subtitle', $single = true);


if($subtitle !== '') { echo ': ' . $subtitle; }


} ?>





<meta http-equiv="Content-Type" content="; charset=" />





<meta name="generator" content="WordPress " />








<meta name="copyright" content="Copyright (c) 2005- Metamorphozis. All Rights Reserved." />


<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="" />


<link rel="alternate" type="text/xml" title="RSS .92" href="" />


<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="" />


<link rel="pingback" href="" />


<link rel="stylesheet" href="" type="text/css" media="screen" />


<?php


/***Do not Edit it***/


wp_head();


global $options;


foreach ($options as $value)


{


if (get_settings( $value ) === FALSE)


{


$$value = $value;


}


else


{


$$value = get_settings( $value );


}


}





global $link_privacy,$link_terms;


$link_privacy=$mt_ice_link_privacy;


$link_terms=$mt_ice_link_terms;


/*** End of Do not Edit Restriction***/


?>




















<!--











-->





<a href="">
























Kikommenteltem (jó kis szó, nem?) a menu részt...





Mit gondoltok?





thnx





T

rakd be ezta headert:



Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">





<?php

if (is_home()) {

echo bloginfo('name'); echo ": "; echo bloginfo('description');

} elseif (is_404()) {

echo '404 Not Found';

} elseif (is_category()) {

echo 'Topics:'; wp_title('');

} elseif (is_search()) {

echo 'Search Results';

} elseif (is_day() || is_month() || is_year() ) {

echo 'Archives:'; wp_title('');

} else {

echo wp_title('');

$subtitle = get_post_meta($post->ID, 'Subtitle', $single = true);

if($subtitle !== '') { echo ': ' . $subtitle; }

} ?>



<meta http-equiv="Content-Type" content="; charset=" />



<meta name="generator" content="WordPress " />





<meta name="copyright" content="Copyright (c) 2005- Metamorphozis. All Rights Reserved." />

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="" />

<link rel="alternate" type="text/xml" title="RSS .92" href="" />

<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="" />

<link rel="pingback" href="" />

<link rel="stylesheet" href="" type="text/css" media="screen" />

<?php

/***Do not Edit it***/

wp_head();

global $options;

foreach ($options as $value)

{

if (get_settings( $value ) === FALSE)

{

$$value = $value;

}

else

{

$$value = get_settings( $value );

}

}



global $link_privacy,$link_terms;

$link_privacy=$mt_ice_link_privacy;

$link_terms=$mt_ice_link_terms;

/*** End of Do not Edit Restriction***/

?>

















<a href="">



















És a sablon style.css fájljába a 61. sornál a 451px-et írd át 395px-re.


szerk.: ha mást nem módosítottál akkor így jónak kell lenni, leelenőríztem, még ie 6 alatt is jó így ;)

Nagyon szépen köszönöm, Efrud!











Hogy “megjegyzéssé” tettem a sorokat… és nem kitöröltem, azzal rontottam el?





Vagy, hogy a CSS-ben a méret volt rossz?











Megcsináltam mind a két lépést, amiket írtál. Most nekem úgy tűnik, megy… Legalább is Operában, ahol eddig szétesett…











Kérlek, lécci, nézz még egyszer rá IE-ben, meg amiben csak tudsz.











Mikor a megoldás meg van, pofátlanság még tanítást is kérni? Hogy mit és hogyan…











Köszi, közsi, köszi!











Tamás

A css-ben a méreten azért kellett változtatni mert eltünt a menü és az a magasságot le kellett vonni a headerből, hogy ne legyen ott a fehér rész. Magyarul kissebb legyen.





Ahhoz hogy amenüd eltűnjön ezt kellett kiszedni:



Code:










A div menu az ami megadja hogyan is nézzen ki a menüd. Ezeket mindig a css-ben keresgéld. az php include pedig: behívja a man-nav.php-t amiben pedig maga manü dolgai vannak. Mivel a menü nem kell nekünk ezért kikaptuk onnan és kész.


Jelenleg a te oldalad szövege IE alatt lejebb csúszik. Mit módosítottál még?

Azt hiszem, értem. Köszi!











Nem emlékszem más módosításra… Itt a CSS tartalma:















Code:

/*

Theme Name: metamorph_DNA

Theme URI: http://metamorphozis.com/wptheem/index.php?wptheme=metamorph_DNA

Description: Free WordPress Theme based on Metamorphosis Design template "metamorph_DNA"

Version: 1.0.2

Author: Oleg Lazarenko

Author URI: http://www.metamorphozis.com/

Tags: valid XHTML, blue, fixed width, two columns, widgets, valid CSS, widget ready, simple, clean, white, metamorph



*/



*

{

margin: 0px;

padding: 0px;

}



a:link {

color: #295C6F;

}



a:hover {

text-decoration: none;

color: #FF0000;

}



a:visited {

color: #295C6F;

}



body {



background: #6192A3 url(images/back_all.gif) repeat-x;

font: 13px Arial, Helvetica, sans-serif;

color: #000000;

}



#content

{

margin: 0 auto;

width: 792px;

text-align: left;

}



#main

{

width: 778px;

background: url(images/back_top.jpg) repeat-x top;

padding-top: 10px;

}



#back

{

width: 778px;

background: #ffffff;

border-left: 7px solid #ffffff;

border-right: 7px solid #ffffff;

}



#header {

height: 395px;



}



#logo {



width: 758px;

height: 300px;

text-align: right;

padding-right: 20px;

padding-top: 89px;

background: url(images/header.jpg) no-repeat;

}





#logo a {

text-decoration: none;



font-style: italic;

font-size: 37px;

color: #ffffff;

}

#logo H2

{

font-size: 10px;

color: #ffffff;

text-transform: uppercase;

}





#menu

{

width: 778px;

border-top: 6px solid #FFFFFF;

height: 56px;

background: url(images/buttons.gif) no-repeat;

}



#menu ul {

list-style: none;

}



#menu li {



display: inline;



}



#menu a {

float: left;

width: 120px;

height: 38px;

display: block;

text-align: center;

text-decoration: none;

color: #ffffff;

font-weight: bold;

font-size: 14px;

padding-top: 18px;

text-transform: uppercase;

}



#menu a:hover {

width: 120px;

height: 38px;

color: #ff0000;

text-decoration: underline;

background: url(images/buttons_r.gif) repeat-x;

}









#right

{

width: 223px;

float: right;

margin-right: 5px;

}



#right H3

{

width: 198px;

height: 34px;

font-size: 14px;

font-weight: bold;

padding-left: 25px;

padding-top: 15px;

text-transform: uppercase;

color: #ffffff;

background: url(images/title.gif) repeat-x

}



#right ul {

list-style: none;

margin-bottom: 10px;



}



#right .title_back

{

background: url(images/title_back.gif) no-repeat top;

padding: 10px;

}





#right li {

padding-left: 20px;

padding-bottom: 5px;

}



#right a {

color: #295C6F;

}

#right a:visited {

color: #295C6F;

}



#right p

{

font-size: 10px;

}



.bot

{

padding: 10px;

}



#calendar1 {

padding: 20px 10px 20px 10px;

}



#calendar table {

width: 100%;

text-align: center;

}



#calendar thead {



}



#calendar tbody td {

border: 1px solid #F1F1F1;

}



#calendar #prev {

text-align: left;

}



#calendar #next {

text-align: right;

}



#calendar tfoot a {

text-decoration: none;

font-weight: bold;

}



#calendar #now {

background: #686868;

border: 1px solid #ff0000;

font-weight: bold;

color: #ffffff

}



#left

{

width: 500px;

padding: 10px;

}



#left H4

{

margin: 0;

padding: 0px;

font-size: 12px;

color: #295C6F;

}



#left a

{

color: #295C6F;

text-decoration: none;

}



#left ol, #left ul

{

margin-left: 30px;

}



#left p {

margin: 5px;

padding: 0;

padding-bottom: 10px;

}



#left h2 {

margin: 0;

padding: 0;

padding-top: 10px;

color: #295C6F;

}

.date {

text-align: right;

color: #295C6F;

font-size: 11px;

}



.date a {

color: #295C6F;

}





#footer {

height: 54px;

clear: both;

padding-top: 20px;

border-top: 5px solid #6F9EAF;

margin-left: 5px;

margin-right: 5px;

background: url(images/footer.gif) repeat-x top;

}



#footer p {

margin: 0;

font-size: 10px;

text-align: center;

color: #333333;

}



#footer a {

color: #333333;

}







/********************* Calendar *******************/

#calendar1, #calendar_wrap

{

padding: 20px 10px 20px 10px;

}



#calendar_wrap

{

margin-bottom: 10px;

}



#calendar table, #wp-calendar

{

width: 100%;

text-align: center;

}



#calendar thead, #wp-calendar thead

{



}



#calendar tbody td, #wp-calendar tbody td

{

border: 1px solid #F1F1F1;

}



#calendar #prev, #wp-calendar #prev

{

text-align: left;

}



#calendar #next, #wp-calendar #next

{

text-align: right;

}



#calendar tfoot a, #wp-calendar tfoot a

{

text-decoration: none;

font-weight: bold;

}



#calendar #now, #wp-calendar #now, #wp-calendar #today

{

background: #686868;

border: 1px solid #D6CE84;

font-weight: bold;

color: #ffffff

}







.widget_search

{



}



.post-body

{



margin-top:15px;

}



div.navigationbottom



{

margin-top:10px;

margin-bottom:10px;

}



div.navigationbottom .leftnav

{

float:left;

}



div.navigationbottom .rightnav

{

float:right;

}



/************* Comments ***************/

#commentform textarea

{

width: 80%;

border: 1px solid #666666;

padding:10px;

}



#submit

{

width: 120px;

height: 27px;

text-align: center;

text-decoration: none;

color: #ffffff;

font-weight: bold;

font-size: 12px;

text-transform: uppercase;

background: url(images/footer.gif) repeat-x;

overflow:hidden;

vertical-align: top;

border:none;

}



#submit:hover

{

background: url(images/footer.gif) repeat-x;

text-decoration: underline;

}



div.imgbox

{

float:left;

margin:5px;

}



/**************** IE 7 *******************/

li.cat-item

{

font-size:12px;

font-weight:normal;

}



#calendar table, #left #wp-calendar

{

font-size:12px;

font-weight:normal;

}





.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}



.alignleft {

float: left;

}



.alignright {

float: right;

}

.wp-caption {

border: 1px solid #ddd;

text-align: center;

background-color: #f3f3f3;

padding-top: 4px;

margin: 10px;

-moz-border-radius: 3px;

-khtml-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

}



.wp-caption img {

margin: 0;

padding: 0;

border: 0 none;

}



.wp-caption-dd {

font-size: 11px;

line-height: 17px;

padding: 0 4px 5px;

margin: 0;

}



#content .categor

{

padding: 5px;

margin-top: 5px;

margin-bottom: 5px;

text-transform: uppercase;

font-size: 10px;

background: #F7F7F7;

}



#commentlist li

{

margin-left: 20px;

padding-bottom: 20px;

font-size: 11px;

}



#author, #email, #url

{

border: 1px solid #666666

}








Még egy kérdés: most kivettük a sorokat a heade.php-ból... én eredetileg "csak" "megjegyzéssé" alakítottam őket. Ebben van eltérés? Vagy a fő dolog, hogy kisebbre vetted nekem a fej méretét?





Tegyem vissza, esetleg, az eredeti CSS-t, a te általad adott egy módosítással? (és akkor elmúlnak azok a dolgok, amiket én esetleg bütyköltem már benne...)





KÖSZI, Efrud!





Tamás

Kivettem a headerből a menüt + hogy nézzen ki valahogy, levontam a fejléc magasságából a menü magasságát. Így nincs ott a fehér rész. Ha máshol nem nyúltál bele a sablon fájlaiba csak a css-be és a headerbe, akkor igen, rakd vissza az eredeti css fájlt és csak azt módosítsd benne amit fentebb írtam.





A te kommentelésed annyit tett, hogy kilőtted a stílust, de a menü attól még ott maradt, csak stílus nélkül. De ezt te is megnézheted ha mondjuk notepad +±al megnyitod.(vagy más kódszerkesztésre való progival) és láthatod, hogy a “

” zölddé válik de amivel behivja a menüt az attól még ott marad. Emiatt IS hasznos ilyen programot használni, mert ha valamit nem jól csinál az ember, akkor látja rögtön.

Nagyon érthető és türelmes amiket írtál. Még én is jól megértettem… köszi!











Visszatettem az eredeti css -t, még azzal a változtatással, hogy:









Code:

#logo a {

text-decoration: none;



font-style: italic;

font-size: 37px;

color: #ffffff;

}








Nekem most jól néz ki, Operában is.


És neked? Ott is oké?





CSS-t kWrite-tal szerkesztek, ami mutatja, amiket mondtál. Mert, hogy Kubuntu-n "élek".





Hú, nagyon örülök! Köszi szépen!!





Tamás

Valamit szerintem még módosítottál, mert még mindig ugyanolyan. Nézd meg a jelenlegi és az eredeti footer.php-ét. Elsőre ez a tippem.

Megnéztem. Egyforma.





És néztem a file-ok módosítási dátumait… és csak a header.php, a css (és a favicon meg a fej-kép) módosítási dátuma más, mint a többi file.











Sajna, én még csak nem is látom… A Kubuntu alatt nincs IE-m… sem Safari.





FF, Opera és Konqueror meg szépen mutatja.











Az jutott eszembe, segíthet-e, ha letörlöm a sablont, és újra feltelepítem… és utána módosítom a 2 file-t, és cserélem le a másik kettőt.











üdv és köszi











Tamás

Hát akkor cselekedjünk, cselekedjünk… :smiley:

:smiley:





Igaz, te már bőven cselekedtél… Most én …











Szóval … átállítottam egy másik sablonra… aztán letöröltem.





Letöltöttem megint (ha esetleg új verzió lenne) a sablont a http://www.metamorphozis.com





oldalról.











Kitöröltem a “régit”.





Feltettem az “újat”.





És 2 file-t megmódosítottam…











Még a képet és a favicon-t fel se tettem…











Fohászra kulcsolt kezekkel remélem, hogy most oké… smile.gif











Köszi… üdv,











Tamás

Vagy valamelyik widget vagy szöveggel lesz akkor a gond.(ebből sztem le lehet szűrni hogy most se klappol :slight_smile: )

Puff!





4 widget-t használok, össz.





szöveg, oldalak, kategóriák, szöveg.











Semmi extra, csak rendszer widgetek. Alap dolgok, gondolom.











Megnéztem a szöveg widgeteket, sima text, nincs bennük semmi kód.











Mit lehet ebben elrontani???





frown.gif











Tök jó, hogy kísérsz!











Tamás