Palīdziet uzstaisīt mājaslapu manām govīm.

[player]

Čau mani sauc Rihards esmu no Liepājas pagasta, Jēriņi. Šobrīd es veidoju mājaslapu savām govīm, veidoju izmantojot XHTML 1.0 un CSS2 pašreiz man ir problēmas ir IE 7. Mans XHTML: http://paste.php.lv/5756 Mans CSS: http://paste.php.lv/5757

 

Atverot mājaslapu ar FireFox var redzēt, ka pirmajam blokam ir atstarpe starp navigāciju, kura savukārt ir pozicionēta, kā "Fixed", bet IE 7 neuzrāda nekādu atstarpi. Es mēģināju pozicionēt arī pirmo bloku ar "relative", bet tad viņš iziet no rāmjiem, ir virs navigācijas, kad pavelkam mājaslpau zemāk ar 'scrollbar'. Biju arī mēģinājis izmantot "margin-top", bet man nekas nesanāca. Vel man ir uzlikts uz navigācijas "border-bottom: 5px double red;" uz FF starp apakšējām malām ir melna līnija, bet uz IE 7 tās nav, kā es varētu viņu dabūt? Apskatīt varat šeit: http://87.110.32.146/

[player]

Paldies! Es atrisināju problēmu! Ieliku paslēptu "div" elementu starp navigāciju un pirmo bloku. Problēma ar melno līniju vel ir aktuāla.

Edited July 5, 2007 by player

[NiTrino]

Problēma ar melno līniju vel ir aktuāla.

 

div#nav ul li {
height:25px
}

[player]

#3 Hmmm.... man nesanāk. Man palielinās "li" elements, kurš pāriet pāri malām.

Edited July 5, 2007 by player

[NiTrino]

tev uz ie kontents nav nocentreets + IE 6 nesaprot taadu 'fixed'

[player]

Lapu taisu tikai FF un IE 7 (tas tika minēts) pārlūkiem (vismaz pagaidām) pārējais jau ir vēsture...

Edited July 5, 2007 by player

[v3rb0]

nesaki vis ka ie6 vairs nelieto, xp vēl nesen varēja nopirkt un tur tieši ie6 nāca līdz, tad "laimīgais" winxp īpašnieks vai nu vispār nepievērš uzmanību browserim un neko pats neinctalēs, vai paņem un uzinctalē ff.

Edited July 5, 2007 by v3rb0

[player]

Ok, nestrīdēsimies tev taisnība, man nē.

 

Dīvaini, bet noņemot "height" no apaksējā "div" elementa (lapas apakšā) arī viņam "double" malai ir balts vidus. taču noņemot augšējam "div" delementam šo "height" viņam nekas nemainās.

Edited July 5, 2007 by player

[mefisto]

Nāksies tevi apbedināt: tu nevari lietot position: fixed, jo IE6 to nesaprot, un IE6 IR izplatītākais pārlūks Latvijā.

Arī lapas platumu tu nevari uzstādīt 1024px, jo browserī redzamais platums uz 1024x768 izšķirtspējas ir ~1000px.

 

Tā lūk .. liekas ka tev nāksies šo to pārveidot.

[andrisp]

Attiecībā uz position: fixed un IE6, vari izmantot šādu risinājumu: http://doxdesk.com/software/js/fixed.html

[player]

#10 Paldies pamēģināšu. #9 Es google skatījos, ka varot ar js uzstaisīt mazu skriptu, kas ielādē vajadzīgo CSS atkarībā no lietotāja rezolūcijas nekas grūds tur nēesot itkā ar if pietiek... (varbūt kļūdos)

 

js rezolūcijas noteikšana man sanāca šāda, itkā strādā.

 

<script type="text/javascript">
var res_1024_768 = "<link rel='stylesheet' href='style_res_1024_768.css' media='screen' title='res_1024_768' type='text/css'>";
var res_1280_1024 = "<link rel='stylesheet' href='style_res_1280_1024.css' media='screen' title='res_1280_1024' type='text/css'>"
function detect_resolution() {
 if ((screen.width == 1024) && (screen.height == 768)) {
document.write(res_1024_768);
 } else if ((screen.width == 1280) && (screen.height == 1024)) {
document.write(res_1280_1024);
 }
}
</script>
<script type="text/javascript">
detect_resolution();
</script>

 

Par balto līniju ir kas sakāms?

Edited July 5, 2007 by player

[mefisto]

Ja tu gribi, lai lapa aizņem visu pārlūku jebkurā izšķirtspējā, jālieto ir 'staipīgais dizains' .. a.k.a .. fluid layout.

'Baltā līnija' , ja pareizi sapratu ir augšējās izvēlnes apakšējā daļā. Tā rodas no tā ka tu izmanto border-style: double;

Un ta līnija nav balta, bet gan caurspīdīga.

 

Un kāpēc tev vajag to <div id="hidden_space"> ?

[player]

Ok palasīšu par to fluid layout

 

re CSS tur nav border-style

div#nav {
 font-size:14px;
 font-family: Verdana;
 position: fixed;
 width: 1024px;
 z-index: 10;
 top: 0;
 font-weight: bold;
 border-bottom: 5px double red;
 background-color: black;
}
div#nav ul {
 list-style-type: none;
 padding: 0;
 margin: 0;
}
div#nav ul li {
 background-color: red;
 text-align: center;
 margin-left: 2px;
 margin-top: 5px;
 width: 95px;
 float: left;
}
div#nav a {
 display: block;
 width:;
 height: 95px;
 height: 20px;
 color: white;
 font-weight: bold;
 text-decoration: none;
}

<div id="hidden_space"> man ir tāpēc, ka ja viņa nav tad uz IE7 man pirmais bloks ar tekstu ir pielipis pie augšas. Skaties šeit http://87.110.32.146/

Edited July 5, 2007 by player

[dmitriy]

Tavs JS header'a nerullee, man ekrans ir 1280x800, un nav css'a :)

[player]

Reko mana gove tev grib pateikt: http://87.110.32.146/cow_400.jpg

Nav default! :P Es js nemāku, vismaz pagaidām, tāpēc nevajag mani abižot... :P Šaubos vai taisīšu katrai rezolūciajai savu CSS, kā arī katram pārlūkam...

 

Problēma ar caurspīdīgo līniju navigācijā vel ir aktuāla...

Edited July 5, 2007 by player