phpRS layouty : phpRS Fórum
Sháníte nějaký vzhled webu? Nevíte kde upravit barvy?
phpRS - redakční a informační systém
opat FF vs IE problem so sirkou stranky a buniek
Zaslán uživatelem/kou: peco (IP adresa zaznamenána)
Datum: 2006-03-14, 13:38

Zdravim majstri.
pred popisom sem hodim ukazky

takze najskor tak ako to ma vyzerat:

[http://www.monzit.sk/grb/grbarcietaFF.jpg]

a teraz ako to vyzera v IE :

[http://www.monzit.sk/grb/grbarcietaIE.jpg]


myslim, ze problem je jasny pri pohlade na obrazky.
este aby som bol konkretnejsi prikladam vypisy:

FS-BASE.SAB

<link rel="stylesheet" href="image/grbarcieta/grbarcieta.css" type="text/css">
<link rel="stylesheet" href="image/grbarcieta/style/style.css" type="text/css">
</head>
<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="4"><div id="logo"></div></td>
</tr>
<tr>
<td id="stlpec0">&nbsp;</td>
<td id="stlpec1"><*syssl:1*></td>
<td id="stlpec2"><*syssl:2*></td>
<td id="stlpec3"><*syssl:3*></td>
</tr>
<tr>
<td colspan="4" id="spodok">aaaa</td>
</tr>
</table>


a STYLE.CSS

#stranka {
width:1000px;
min-width: 1000px;
max-width: 1000px;
background-color: red;
margin:0px;
}
#logo {
background : url(../images/grbarcieta.JPG) no-repeat left;
height:167px;
border : 0;
}
#stlpec0{
width:121px;
height : 100%;
min-width: 121px;
max-width: 121px;
float: left;
background-color: #000066;
background : url(../images/pozadie.gif) ;
border : 0;
margin: 0;
}
#stlpec1{
width:169px;
height : 100%;
min-width: 169px;
max-width: 169px;
float: left;
background: #FFFFFF;
border : 0;
margin: 0;
}
#stlpec2{
width: 526px;
height : 100%;
float: left;
min-width: 526px;
max-width: 526px;
background:white;
margin;
margin-left : 0;
}
#stlpec3{
width:184px;
min-width:184px;
max-width: 184px;
height : 100%;
float: left;
background-color: #000066;
background : url(../images/pozadie3.gif) ;
border : 0;
}

#spodok{
width:1000px;
min-width: 1000px;
max-width: 1000px;
height:40px;
font-size: 85%;
text-align: center;
clear: both;
background : url(../images/spodok.jpg) ;
border : 0;
}



skuste mi prosim poradit. uz vopred dakujem.
S pozdravom PECO

Re: opat FF vs IE problem so sirkou stranky a buniek
Zaslán uživatelem/kou: peco (IP adresa zaznamenána)
Datum: 2006-03-14, 16:18

tak si sam aj odpoviem, mozno to niekomu v buducnosti pomoze.

text v subore FS_BASE som zmenil(oproti predchadzajucemu prispevku) na:

<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<table border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td colspan="4"><div id="logo"></div></td>
</tr>
<tr>
<td>
<table style="table-layout:fixed" border="0" cellspacing="0" cellpadding="0" align="left"><tr>
<td id="stlpec0">&nbsp; </td>
<td id="stlpec1"><*syssl:1*></td>
<td id="stlpec2"><*syssl:2*></td>
<td id="stlpec3"><*syssl:3*></td>
</tr>
</table>

</tr>
</td>
<tr>
<td colspan="4" id="spodok"width="1000">aaaa</td>
</tr>
</table>

cize, vlozil som tam este jednu tabulku a vnej zadefinoval table-layout:fixed



este by som ale potreboval pomoct s:

znova pri pohlade na tie obrazky, je vidno, rozdielne SIRKY blokov. ako sa to da zjednotit???


dakujem



Re: opat FF vs IE problem so sirkou stranky a buniek
Zaslán uživatelem/kou: pa3k (IP adresa zaznamenána)
Datum: 2006-03-14, 16:28


Re: opat FF vs IE problem so sirkou stranky a buniek
Zaslán uživatelem/kou: Dawe (IP adresa zaznamenána)
Datum: 2006-04-01, 14:16

Mám trošku jinej problém, mám dva sloupce bloků u kterých chci pevnou šířku (180px) a potom plovoucí šířku prostředního sloupce s články atd. Sloupec s články se ale při width: auto; roztáhne a posune sloupce s bloky dolů, případně nahoru. Skoušel jsem to různě omezovat pomocí procentuálně zaddanejch width, ale kvůli těm absolutně zadanejm sloupcům s bloky je to buď stále moc malý nebo to zase přetýká a posouvá ostatní sloupce.

Lze nějak docílit, aby se prostřední sloupec automaticky upravil na maximální velikost (něco jako width: auto) , ale současně se neroztahoval a neposouval sebe nebo ostatní slouce pryč ?

je to možné vidět na [http://ww2-memorials.xhosting.cz] v opeře nebo mozzile.
V exploreru se mi to podařilo vychytat tak že se sloupec s články nachází ve zdrojáku až poslední a nějak se sám automaticky upravil.
<div class="block1"><*syssl:1*></div>
<div class="block2"><*syssl:3*></div>
<div class="content"><*syssl:2*></div>


Dawe
[http://ww2-memorials.com]
PHP antitalent



Celkem upraveno 2×. Poslední úprava Dawe v 01.04.2006 14:20.

Re: opat FF vs IE problem so sirkou stranky a buniek
Zaslán uživatelem/kou: Dawe (IP adresa zaznamenána)
Datum: 2006-04-01, 15:03

no podařilo se mi to jakž takž vyřešit pomocí float:none a hacku pro IE. CSS prostředního bloku:

.content {
width: auto;
float: none;
_float: right;
padding: 0px 185px 0px 185px;
_margin: 0px;
_padding-left: 5px;
_padding-right: 5px;



Dawe
[http://ww2-memorials.com]
PHP antitalent

Re: opat FF vs IE problem so sirkou stranky a buniek
Zaslán uživatelem/kou: smiko (IP adresa zaznamenána)
Datum: 2006-04-01, 15:50

Peco:
nejako postradam funkciu toho stplca0

Dawe:
takto to mam ja a ide to vsade rovnako. nemusim pouzivat ziadne hacky
<div id="lavy">
<*syssl:1*>
</div>

<div id="pravy">
<*syssl:3*>
</div>

<div id="stredny">
<*syssl:2*>
</div>

#lavy {
	float: left;
	width: 160px;
}
#stredny {
	margin: 0px 170px;
}
#pravy {
	float: right;
	width: 160px;
}


____________________
smiko.host.sk/phprs/

Re: opat FF vs IE problem so sirkou stranky a buniek
Zaslán uživatelem/kou: peco (IP adresa zaznamenána)
Datum: 2006-04-01, 17:22

smiko: to bol prvy sposob co ma napadol ako posunut celu stranku o 121px doprava:)))

inak uz je to tu:

[http://www.grbarcieta.sk]

za grafiku sa mi nesmejte:) mam slubenu normalnu, len cas je svina :(((

Re: opat FF vs IE problem so sirkou stranky a buniek
Zaslán uživatelem/kou: smiko (IP adresa zaznamenána)
Datum: 2006-04-01, 17:30

a to bol nejaky problem doplnit do css toto ?
table {
margin-left: 121px;
}
asi hej vsak ? :)

teda pokial by si nemal hlavicku zahrnutu v tej tabulke. to je zle riesenie si myslim

____________________
smiko.host.sk/phprs/



Celkem upraveno 1×. Poslední úprava smiko v 01.04.2006 17:33.

Re: opat FF vs IE problem so sirkou stranky a buniek
Zaslán uživatelem/kou: peco (IP adresa zaznamenána)
Datum: 2006-04-01, 17:58

slubujem, ze sa polepsim ;)

dik

Re: opat FF vs IE problem so sirkou stranky a buniek
Zaslán uživatelem/kou: Dawe (IP adresa zaznamenána)
Datum: 2006-04-01, 19:03

ok, díky za radu !

Dawe
[http://ww2-memorials.com]
PHP antitalent

Re: opat FF vs IE problem so sirkou stranky a buniek
Zaslán uživatelem/kou: Dawe (IP adresa zaznamenána)
Datum: 2006-04-09, 11:46

Narazil jsem na malej problém. Při výpisu vyhledaných témat se vytvoří tabulka, která se přizpůsobí velikosti stránky a automaticky tomu přizpůsobí text tak že ho zalomí pokud je moc dlouhej. Tohle dělá opera, ale v IE se mi celá tabulka posune pod bloky kde se vykreslí tak široká aby nemusela zalamovat text.

Stávalo se mi to i u výpisu nejčtenějších článků, ale tam sem přidal display: block a pomohlo to. Jenže tady je výpis dělanej formou <p>text text text</p> a ne tabulkou.

Existuje možnost jak by IE text zalomil (a udělal dvojřádkovou buňku) a neposunul celou tabulku někam do pryč ?

Dawe
[http://ww2-memorials.com]
PHP antitalent

Re: opat FF vs IE problem so sirkou stranky a buniek
Zaslán uživatelem/kou: Dawe (IP adresa zaznamenána)
Datum: 2006-04-20, 14:03

Pokdu by měl někdo podobnej problém se zalomením textu v tabulce v IE, musíte do CSS přidat do definice table:

table {
_display: block;
}
to zajistí že se tabulka shodně zobrazí ve všech prohlížečích

Dawe
[http://ww2-memorials.com]
PHP antitalent



Lituji, ale pouze registrovaní uživatelé mohou zasílat příspěvky do této sekce.
This forum powered by Phorum and designed by STaNBoSS.